The Theme Explorer takes care of your school’s font families as well as the text sizes of all different content and text widgets.
1. Go to Site Builder → Theme Explorer
2. Or go to Site Builder → Edit School Site → Design.
3. Choose the Typography tab.
Here you can adjust the basic or Advanced typography settings. The moment you start making changes you will be seeing them display on the right-side page window.
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).
You can also add up to five extra font families (available for our Learning Center plans and higher) 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).
Note: The upload fonts option is available for our Learning Center plans or higher, and it is feasible to upload as many custom fonts as you wish.
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.
Note: 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 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)
- 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, only apply them to the text you are currently working on so that you can move to other texts as well 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.