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
Astro Theme accepts the following font file formats:
- WOFF
- WOFF2
- TTF
- Navigate to the two drop downs directly below this, and choose on of the custom options at the top of the list relating to the file type you've uploaded.
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.
Once completed, the custom fonts uploaded should be selected in the list: - Click Publish (located at the bottom right hand corner of the screen)
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.