<link rel=preload> Not Preloading Self Hosted Fonts
I'm trying to preload fonts that are hosted on my site in the “fonts” folder. I received the following message in Google's Lighthouse:
Consider using <link rel=preload> to prioritize fetching late-discovered resources sooner.
/fonts/bowlbyone-regular-webfont.woff2(www.name of site.com)
1,380 ms
/fonts/raleway-light-webfont.woff2(www.name of site.com)
1,380 ms
I added the following code directly above the </header> on each html page:
<link rel="preload" href="/fonts/bowlbyone-regular-webfont.woff2" as="font">
<link rel="preload" href="/fonts/raleway-light-webfont.woff2" as="font">
But, I'm still receiving the Lighthouse message to preload the .woff2 fonts. Any suggestions? Thanks!
|