The Theme Explorer takes care of your school’s font families as well as the text sizes of all different content and text widgets.
To customize your school's typography:
1. Go to Website → Theme Explorer and choose the Typography tab.
2. Go to Design → Edit Website → Design and choose the Typography tab.
Here, you can adjust the basic or Advanced typography settings. The moment you start making changes, they will appear in the right-side page window.
Font Families
You can choose among a lot of Font families and Text sizes included in your school. You can set a default font family for your headings and main text widgets (it can either be the same, or a different one for headings and main texts).
While on the Learning Center plans or higher, you also get the option to upload custom fonts that you can use in your pages. While you can upload as many as you wish, you can set up to 5 extra font families to use on individual headings and main text widgets.
Click on Add another family font and choose fonts from our lists or upload your own font. You can choose from the Most Popular list of fonts, by Alphabetical order, or Upload your own custom fonts ( .woff, .woff2, .ttf file format).
Text Size
Here you can change the basic Headings and Main text sizes, or click on Advanced Typography to have full control of the typography of your site template.
Regarding the various text sizes, there are many text widgets available, belonging to two main categories: headings and main texts. This refers to the HTML structure of each of these widgets (which renders search engines to crawl them in a different manner), and you can adjust their default style according to your school’s needs.
Headings and Main Text Widgets
The basic typography settings allow you to adjust the font size of basic text widgets: Headings 1 to 4 (of size normal) plus the large, normal, and small main text widgets. So, for instance, you can adjust the font size of the H4 normal text widgets to 20px, and all H4 normal text widgets throughout your website will be 20px.
You can find out more about our Headings and Main Text widgets, in our respective article.
Advanced Typography
Advanced typography allows you to control all text widgets of your site. You can adjust the font size of each heading and main text element. You can anytime restore your typography changes to the default values by clicking on Reset typography.
In the next panel, click on More properties to control:
- Font family
- Font size (px)
- Line height (em)
- Letter spacing (px)
- Opacity
- Font weight
- Text Transform (capitalize or uppercase) of each text element.
Advanced typography does not work dynamically to allow you to further fine-tune each text widget. You can discard the changes by clicking Cancel, Reset them to default, or Apply them.
Applying the changes here doesn’t save them; you should only apply them to the text you are currently working on so that you can move on to other texts in your advanced typography area.
Once you are done, go back to the previous area to further adjust the font families or the basic text widgets. Remember to hit Save (or Save and close) at the bottom of the form, if you are happy with your new typography settings and you are ready to apply the changes to the entire school.