A

Anonymous

Solved

Custom Fonts in AEM Sites

Hello All,

I have created one maven arche type project in AEM 6.4

but now I am trying to import my custom fonts but it is not visible in my site

This is my folder structure

and Inside main.less I have import oswal-font.less file

Please, Help me with this

Thank you :-)

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

Best answer by Gaurav-Behl

Did you specify correct path in main.less?

check WKND/We-Retail code for reference -

/apps/wknd/clientlibs/clientlib-site/less/wkndicons.less -

@icon-font-path: "../resources/"; // 'resource' in your case at parent level

src: url('@{icon-font-path}@{app-icon-font-name}.eot');

Gaurav-BehlAccepted solution

Level 10

Did you specify correct path in main.less?

check WKND/We-Retail code for reference -

/apps/wknd/clientlibs/clientlib-site/less/wkndicons.less -

@icon-font-path: "../resources/"; // 'resource' in your case at parent level

src: url('@{icon-font-path}@{app-icon-font-name}.eot');

Level 2

Hi, I'm using Aem 6.5 version and I'm trying to add customs fonts, I created a cq:clientLibraryFolder as said in 3 - Client-Side Libraries

but i can't see my fonts on the page, how can i add the fonts on my project?

Community Advisor and Adobe Champion

@15116516,

Sign up