How to consume font from an OTF file in AEM ?

[sanjays16398239]

Any help will be appreciated pointing me to ways of consuming fonts from a OTF file.

[arunpatidar · Accepted solution]

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

[smacdonald2008]

Nice response!

[marks48359333]

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]

HI,

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