Expand my Community achievements bar.

Enhance your AEM Assets & Boost Your Development: [AEM Gems | June 19, 2024] Improving the Developer Experience with New APIs and Events
SOLVED

How to download font load for Open Sans Medium and Open Sans MediumItalic

Avatar

Level 3

Hi All,

 

I my project i want to replace "HelveticaNeueLTPro-Medium.ttf" and "HelveticaNeueLTPro-MediumItalic.ttf" with "Open Sans Medium" and "Open Sans MediumItalic" all extension like ( .eot,.otf,.svg,.ttf,.woff,.woff2).

 

I have check on google for this but i didn't find, Please any one know from where i can found this font load.

I want to replace at " /clientlibs/clientlib-base/resources/fonts" these all HelveticaNeueLTPro to Open Sans with all extension type.

 

user00181_0-1683205994143.png

 

Please let me it is possible to do same for "Open Sans" font or not.

 

Thanks.

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Hi @user00181 ,

  1. Download the Open Sans font files in the desired formats (eot, otf, svg, ttf, woff, woff2). You can find these files on Google Fonts, Font Squirrel, or other font websites.

  2. Rename the Open Sans font files to match the names of the HelveticaNeueLTPro fonts you want to replace. For example, rename "OpenSans-Medium.ttf" to "HelveticaNeueLTPro-Medium.ttf".

  3. Replace the existing HelveticaNeueLTPro font files with the renamed Open Sans font files in the "/clientlibs/clientlib-base/resources/fonts" directory of your AEM project. Make sure to replace all formats of the fonts (.eot, .otf, .svg, .ttf, .woff, .woff2).

  4. Update the CSS styles in your AEM project to reference the new Open Sans font files. For example, if the original CSS had a font-family rule of "HelveticaNeueLTPro-Medium", change it to "Open Sans Medium". Be sure to update all references to the old font names.

View solution in original post

1 Reply

Avatar

Correct answer by
Community Advisor

Hi @user00181 ,

  1. Download the Open Sans font files in the desired formats (eot, otf, svg, ttf, woff, woff2). You can find these files on Google Fonts, Font Squirrel, or other font websites.

  2. Rename the Open Sans font files to match the names of the HelveticaNeueLTPro fonts you want to replace. For example, rename "OpenSans-Medium.ttf" to "HelveticaNeueLTPro-Medium.ttf".

  3. Replace the existing HelveticaNeueLTPro font files with the renamed Open Sans font files in the "/clientlibs/clientlib-base/resources/fonts" directory of your AEM project. Make sure to replace all formats of the fonts (.eot, .otf, .svg, .ttf, .woff, .woff2).

  4. Update the CSS styles in your AEM project to reference the new Open Sans font files. For example, if the original CSS had a font-family rule of "HelveticaNeueLTPro-Medium", change it to "Open Sans Medium". Be sure to update all references to the old font names.