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.
arunpatidar
arunpatidarAccepted solution
New Participant
Oct 2, 2018 5:52 PM UTC

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

4 replies

arunpatidar
New Participant
Oct 3, 2018 6:21 AM UTC

HI,

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

Translate
Arun Patidar
New Participant
Oct 2, 2018 8:09 PM UTC

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>?

Translate
smacdonald2008
Level 10
Oct 2, 2018 6:18 PM UTC

Nice response!

Translate
arunpatidar
arunpatidarAccepted solution
New Participant
Oct 2, 2018 5:52 PM UTC

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');
}

Translate
Arun Patidar