Changing Your Fonts on Classic Composer

Changing your fonts on your Composer site is quick and easy—and it can make a huge difference to the look and feel of your website!

🔹 How to Update Fonts

1. Log into the CMS
   Go to Settings > Design & Appearance.

2. Navigate to Typography
   Click on the Typography tab. Here you can adjust your primary and secondary fonts used across your website.

3. Update Key Fields

   • Font Name – Enter the exact font name as listed on Google Fonts or your external provider.

   • Font Weight – Each font has specific weights available. Double-check which weights are supported before adding a value (e.g., Roboto ranges from 100–900).

   • Directory – Specify where the font is being pulled from.

     • For Google Fonts (https://fonts.google.com) you can set this up yourself.

     • For custom fonts (e.g., Typekit), contact ASP support.

4. Save Your Changes
   Once you’ve entered the correct information, scroll down and click Save. Then check your live site to confirm the updates.

💡 Top Tips

• If using a Google-sourced font like Roboto, check the available font weights on its Google Fonts page: Roboto on Google Fonts. Lower numbers are thinner, higher numbers are bolder.

• Always copy the font name exactly as shown in Google Fonts into the Font Name field.

• For custom fonts outside of Google, provide ASP with the web font files in .woff and .woff2 formats.