Clientlibs not loading the fonts when placed in apps | Community
Skip to main content
Level 2
Apr 30, 2018 7:01 AM UTC
Solved

Clientlibs not loading the fonts when placed in apps

We have included the fonts using below syntax

@font-face {

  font-family: SlatePro-Bk;

  src: url("../css/fonts/SlatePro-Bk.woff") format("woff");

}

Font file is placed in apps/{project-folder}/clientlibs/{client-libraryfolder}/css/fonts/SlatePro-Bk.woff.

Fonts are not loaded it gives 404 error when the clientlib is rendered from apps using allowproxy= true. It is working fine when we move the clientlibraries to /etc/clientlibs.

Is this expected ? If yes, Do we have any other way to include the fonts/images in the clientlibrary?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
wimsymonsvrtAccepted solution
Level 4
May 2, 2018 10:52 AM UTC

No I don't prajwalreddy​. I was trying to get Adobe staff to tell us something useful. But it appears smacdonald2008​ also dodged the question . But if I read https://helpx.adobe.com/experience-manager/6-3/sites/developing/using/clientlibs.html#LocatingaClientLibraryFolderandUsingtheProxyClientLibrariesServlet and https://github.com/Adobe-Marketing-Cloud/aem-project-archetype/issues/63#issuecomment-334400884, you should place your font in a "resources" subdirectory.

12 replies

smacdonald2008
Level 10
Apr 30, 2018 7:51 PM UTC

IN AEM 6.4 - not recommended to use /etc - but back to /apps or other folder.

Adobe Experience Manager Help | Repository Restructuring in AEM 6.4

Translate
Rima_Mittal
Level 4
Apr 30, 2018 5:17 PM UTC

you should ideally 'embed' all clientlibs located under /apps in some parent clientlibs under /etc.

That should solve your problem.

Hope this helps!

Translate