[AEM 6.5] best way to update font sitewide and Eliminate CSS Override

[tushaar_srivastava]

Hi,
I am looking for the best way to implement the Font management,

Example we have a huge project where the fonts are being used in multiple sites.

What is the best way to consolidate all the fonts into one place and make use of it also let say I want to implement the new font into our project how to use it.

and By this way how we can reduce CSS override or Is there any way to remove CSS Override.

Thanks 

@kautuk_sahni  @arunpatidar  @Vijayalakshmi_S @Theo_Pendle 

[Vijayalakshmi_S · Accepted solution]

Hi @tushaar_srivastava,

Ways of including Font to a project is either via

• CDN
  • Using @import rule to locate the CDN path in CSS file and use in font-family or
  • Use link tag to locate the CDN hosted stylesheet in HTML file, say customheaderlibs.html and use in font-family or
• Using the font files in our project specific client library folders and referencing them using @font-face

Considering the above + inputs on the below, we can arrive at appropriate approach.

Could you please share inputs on

• your existing project set up (just the high level)
• how many custom font types you foresee to use overall.
• Are you planning to use it via CDN or is it available as font files. If it is latter, is there any chance you can self host font files via your own CDN