Font Preload Does Not Work

Forum|Forum|3 years ago
December 1, 2022
2 replies
1391 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.

arunpatidar

Community Advisor

Hi
Please check this video, the font section

https://experienceleague.adobe.com/docs/adobe-developers-live-events/events/2022/nov2022/top-ten-tips.html?lang=en

Arun Patidar

C

cemilcakmakAuthor

I watched the video and applied exactly the same solution.
It's just a one liner code, there is no chance to make error, but didn't work.

Mohit_KBansal

Adobe 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.

C

cemilcakmakAuthor

Thanks for the reply it didn't work then I realized in the network tab content-type for the font returns application/octet-stream

However in the head I declare type as a font/woff2

Could it be the reason?

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded