New Participant

Font Preload Does Not Work

Forum|Forum|3 years ago
December 1, 2022
2 replies
1383 views

According to the Lighthouse report, fonts should be preloaded because they increase the number of chaining critical requests.
I followed the instructions and added a link to html file as: (while trying to figure out what can be causes to this issue, i tried the same font with multiple paths just to be sure)

<link rel="preload" href="./resources/fonts/CoreSansC-45Regular.f29025b6.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="../clientlib-all/resources/fonts/CoreSansC-45Regular.f29025b6.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/resources/fonts/CoreSansC-45Regular.f29025b6.woff2" as="font" type="font/woff2" crossorigin>

but report was not changed.

Do you have any ideas, what can be the problem? Is this AEM's default behaviour about preloading?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

Mohit_KBansal

Employee

Check the following

Make sure to include preload tag in head section
Make sure to include all paths (check n/w tag with font filter) of fonts added as preload. Sometime, css files generate some random urls.