Fonts & Typography

This article will help you to set up fonts, which will be used for the elements of your site
Appearance ▸  Customize ▸  Fonts & Typography

'Prior Settings' article should useful for you and will help to understand the meaning of these settings.

Typography

You can specify specify such parameters for the Body on your site in this section:

• Font type
• Font size
• Line height
• Letter spacing

These settings will be available for you in Headings settings:

• Font type
• Font ratios
• Text transformation
• Letter spacing

Note: Settings in this section for Body and Headings will be available if same settings are not specified in Elements Styling section: Appearance ▸ Elements Styling ▸ Advanced typography

Adobe Typekit

You can use Adobe Typekit fonts on your site. Just a few simple steps required for adding them into General Theme's font list:

1. Log into your Adobe Typekit account.
2. Click the 'manage' button in API ACCESS section.
3. Use 'Make me a new API token' button for retrieving an API key.
4. Copy this API key and paste it here:
   Appearance ▸ Customize ▸ Fonts & Typography ▸ Adobe Typekit ▸ Typekit API key

Cache time option is available for setting up the time frame for updating list of fonts available for you from Adobe Typekit.

There are Adobe Typekit limits, which could be found in 'YOUR USAGE' section of your account page. They depend on your current Adobe Typekit Plan.

These links should be useful for you:
Adobe Typekit account page
Plan limits for sync and website pageviews
Your Adobe Typekit API tokens

Custom Fonts

Custom fonts section will provide you an opportunity to use any downloaded fonts on your site.
Follow these simple steps for adding them:

1. Open this section:
   Appearance ▸ Customize ▸ Fonts & Typography ▸ Custom fonts
   
2. Click the 'Add custom font button'. New item will appear for it.
3. Click on this item and you'll be able to:
• Specify the name, which will be displayed in the general fonts list of Theme
• Upload these font file types: WOFF, WOFF2, TTF, SVG, OET

That's it. Now you can use your font for the elements of your site.

If you don't want to use custom font anymore and would like it to disappear from the General Theme's font list, then please remove this font using 'Remove' link:
Appearance ▸ Customize ▸ Fonts & Typography ▸ Custom fonts ▸ Hover on required font ▸ Remove
Note: No confirmation message will appear when deleting a custom font.