Astro Theme allows for up to two fonts to be imported which can be used for Heading and Standard fonts.
This article covers the following topics:
- Updating your help centre fonts
- Uploading custom fonts
- Applying your custom fonts to your theme settings
- Different font weights
- Using standard fonts
To update your help center fonts 🔠
- In Guide, click the Customize design icon (
) in the sidebar. - Click Customize in the Astro theme to update it. The theme page opens.
- In the Settings panel, click Fonts.
Uploading custom fonts
- Within the Font settings panel, click the Replace button to upload the font file to one of the following upload areas:
- Header Font
- Normal Text Font
- Click Publish
Astro Theme currently accepts the following font file formats:
- WOFF
- WOFF2
- TTF
Applying custom fonts to your theme settings
Once you have uploaded your custom fonts, you'll need to apply them to the theme settings.
- Within the Font settings panel, navigate to the drop-down selectors below the font upload area and select a font for each setting.
- Header Font
- Normal Text Font
- Click Publish
NOTE: If you do not select a Custom Font option from the drop-down the uploaded custom font files will not work.
Fallback font
For each file type, there is the option of the Fallback font. The Fallback font is displayed in the interim while your custom fonts are loading. We recommend choosing one of the two styles which best matches the font you're using as a custom font.
Font style examples:
Sans Serif: without feet or tails. EG: The quick brown fox jumped over the moon.
Serif: with feet or tails. EG: The quick brown fox jumped over the moon.
Different font weights
The theme contains predetermined font weights that can be activated within the theme's Advanced settings under Font Synthesis. This will add an extra layer of variation to the custom font as the browser will create additional font weights based on the current font.
Using Standard fonts
To use a Standard font, simply choose from the available options within the list that are not labelled Custom. Preview any of the options by simply selecting and waiting a moment for the page to refresh.