Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn more

View all

Sign in to view all badges

SOLVED

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

tushaar_srivastava
Level 4
Level 4

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  @Arun_Patidar  @Vijayalakshmi_S @Theo_Pendle 

aem6.5 aem6.5.5 client Library ClientLibs font Touch UI Touchui dialog
1 Accepted Solution
Vijayalakshmi_S
Correct answer by
Community Advisor
Community Advisor

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

View solution in original post

1 Reply
Vijayalakshmi_S
Correct answer by
Community Advisor
Community Advisor

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

View solution in original post