preloading font with rel preload

Question

I am preloading a font using the HTML tag with the rel attribute set to preload as captured in the snippet below;

<         


        

Answer 1

I kept getting the warning when trying to load preload a google font.

Turns out I was missing the fact that the font was being loaded as a style from google. I solved this by setting the as="style' and then using rel="stylesheet preload prefetch".

See code example below:

Happy coding =)