Thought Industries offers a variety of fonts to choose from when designing your learning site. You can customize the font that is used throughout your site and/or for specific pieces of content. Either select a font from our robust list of default fonts, or follow the steps below to enable a custom font that is externally linked.
Where do I find this?
To add your custom code:
Design > Theme > Custom Code
To apply your custom font to your site:
Design > Theme > Branding
How do I do this?
Before setting up your custom font on the Thought Industries platform, make sure your font is already uploaded to your own server. Your server must be HTTPS (SSL) secured.
Note
Thought Industries is not able to host the font files because we do not own the license to the font.
You also need to ensure that CORS is enabled on your server. You can find more info on CORS here.
Add your custom code:
- From your homepage, select Design.
- From the left menu, select Theme and then Custom Code.
- Add the custom CSS necessary to include your font. Most likely this is a `@import` directive such as `@import url("https://www.example.org/external-font.css");`.
- Alternatively, if you have a '<link>' tag or a script, you can add that in Settings > Integrations > Tracking Scripts.
Apply your custom font to your site:
- From your homepage, select Design.
- From the left menu, select Theme and then Branding.
- Check the "Use externally linked font-family?" box for either Font or Header Font, depending on where you want the font to apply. Enter the name of the font here, and ensure that it matches the CSS you included in step 3 above.
- Click Save.
What else do I need to know?
- If the font doesn't appear to display after following these steps, you can open up the Chrome Developer Tools and refresh the page to view any error messages. More information on the Chrome Developer Tools can be found here.
What does this look like?
Admin View (Add Custom Code for Your Font):
Add the custom CSS necessary to include your font. Most likely this is a `@import` directive such as `@import url("https://www.example.org/external-font.css");`.
Alternatively, if you have a '' tag or a script, you can add that in Settings > Integrations > Tracking Scripts.
Admin View (Apply the Custom Font to Your Site):
