Custom Fonts

18/07/2022

Typography options abound when using Avada. You can use standard and system font families, you can select from hundreds of Google Fonts, and if that’s not enough, you can even upload custom fonts, including Adobe Fonts (TypeKit) to use anywhere on your site. Read below to find out more.

How To Upload A Custom Font

You can assign custom fonts to any area of the site that has a font-family option. To learn how to upload and use custom fonts, please continue reading below.

Step 1 – Download the custom font you’d like to use and make sure you receive all 5 web font files; .woff2, .woff, .ttf, .svg, and .eot. Each one is required for full browser support.

Step 2 – Navigate to Avada > Options > Typography > Custom Fonts.

Step 3 – In this panel, there will be a repeater field where you can upload each of the 5 web font files you’ve downloaded. For example, upload the .woff2 font file to the ‘WOFF2’ field, and so on.

Step 4 – Once you’ve uploaded all the required font files to their respective fields, save your changes, and then refresh the page. After you refresh the page, you will now be able to select your new custom fonts. They will be listed under ‘Custom Fonts’ on any Font Family option dropdown.

Step 5 – To add another custom font, simply click the ‘Add Another Item’ button and repeat step 1 to step 4.

Step 6 – To delete a custom font, click the ‘Delete’ button on the Custom Font title.

Adding Custom Fonts
Applying Custom Fonts

How To Add Adobe (TypeKit) Fonts

With Avada 7.8 and up, you can now also integrate Abode Fonts (TypeKit) into your Avada website. Please see the TypeKit Integration With Avada document, linked below, for full details on how to do this.

Avada Website Builder

870,062 Businesses Trust Avada

Avada Website Builder

870,062 Businesses Trust Avada

Avada Website Builder

870,062 Businesses Trust Avada