Expand my Community achievements bar.

Learn about Edge Delivery Services in upcoming GEM session
SOLVED

Fonts not loading in Network tab showing 404 AEM 6.5

Avatar

Level 3

Fonts not loading in Network tab showing 404

 

keshav_goud_2-1634980960566.png

 

 

is there any other way to call fonts. Because on "etc.clientlibs" im not able to see fonts there its not creating folder there 

 

 

keshav_goud_1-1634980053070.png

 

But in CRXDE console i can see the fonts there

 

keshav_goud_1-1634980887871.png

 

 

 

 

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Hi @keshav_goud 

 

Please ensure the fonts are loaded in the correct folder, i.e., under resources/fonts folder in crx/de and the relative path is used properly in CSS/LESS.

 

Please see the screenshot below from code base.

 

asutosh_jena_0-1634995537059.png

 

here is how it should be referenced. Ensure the relative path is correct. Folder names can be anything.

 

asutosh_jena_1-1634995661162.png

 

Now the fonts will be loaded with the below URL;

 

https://www.website.com/etc.clientlibs/websitename/clientlibs/clientlib-site/resources/fonts/FontAwesome.woff2

 

Hope this helps!

 

Thanks! 

View solution in original post

2 Replies

Avatar

Correct answer by
Community Advisor

Hi @keshav_goud 

 

Please ensure the fonts are loaded in the correct folder, i.e., under resources/fonts folder in crx/de and the relative path is used properly in CSS/LESS.

 

Please see the screenshot below from code base.

 

asutosh_jena_0-1634995537059.png

 

here is how it should be referenced. Ensure the relative path is correct. Folder names can be anything.

 

asutosh_jena_1-1634995661162.png

 

Now the fonts will be loaded with the below URL;

 

https://www.website.com/etc.clientlibs/websitename/clientlibs/clientlib-site/resources/fonts/FontAwesome.woff2

 

Hope this helps!

 

Thanks! 

Avatar

Community Advisor

Hi @keshav_goud ,

       Did you checked CSS file where  you have included the font path.

Please make sure that this clientlibs getting executed.

Try to debug js as well may be the client libs having issues.

 

Regards,

Sanjay