How to consume font from an OTF file in AEM ? | Community
Skip to main content
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 arunpatidar

Hi,

Please check Accessing remote fonts on Client’s system by @font-face | TO THE NEW Blog

e.g.

@font-face {
   font-family: CustomFont;
   src: url('CustomFont.otf');
}

@font-face {
   font-family: CustomFont2;
   src: url('CustomFont2.otf');
}

4 replies

arunpatidar
Community Advisor
arunpatidarCommunity AdvisorAccepted solution
Community Advisor
October 2, 2018

Hi,

Please check Accessing remote fonts on Client’s system by @font-face | TO THE NEW Blog

e.g.

@font-face {
   font-family: CustomFont;
   src: url('CustomFont.otf');
}

@font-face {
   font-family: CustomFont2;
   src: url('CustomFont2.otf');
}

Arun Patidar
smacdonald2008
Level 10
October 2, 2018

Nice response!

October 2, 2018

I came across a thread about adding fonts (Adding Fonts for Graphic-Rendering - docs.adobe.com).   Is it necessary to add the new OTF font to the /apps/<your project>/fonts/ directory? Out of curiosity, is there any harm in creating the /fonts/ folder in /etc/designs/<your project>?

arunpatidar
Community Advisor
Community Advisor
October 3, 2018

HI,

You can create font /etc/designs/<your project> also.

Arun Patidar