Changing Your Site's Fonts

How can I change the fonts used on my site?

Fonts make a big impact when it comes to your website's overall feel and tone. To help you keep your B12 website looking fresh, below is a guide covering how to change your site's fonts:

1. Open the style section:

To start, navigate to your Dashboard, select Website, and then click on the "Style" tab in the left-hand editing pane.

2. In the new pane that appears, select the "Fonts" tab.
​

3. Explore font pairings:

A new pane will appear once more containing a list of all available font pairings. All of the fonts in the editor are royalty-free, so they can be used free of charge.

4. Select font pairing:

Once you find a font pairing you like, click on it to change the fonts across the editor. We suggest noting your current font before selecting a new one, in case you want to revert back to your original font.

5. Make changes to your fonts:​

If you would like to make changes to the font pairing, the size of your fonts in different sections, or would like to set options specifically for desktop, mobile, or tablet, then you can do so by clicking the icon in the right corner of the pairing.
​

6. Publish your changes:

Once you're happy with the new font choice, click the "Publish" button in the top-right corner of the editor to push your changes to your live website.

Note, if you'd like to learn about updating fonts in specific sections, read this article.

Editing fonts after you've selected them:

After you've selected your font pairings, you may decide you want to edit them even further. You can do this by following these steps:

1. Repeat steps one and two from the first section.

2. Select the Override fonts field on the lefthand editing panel:

3. Click on the text element you would like to edit.

From here you can edit the font size, capitalization, spacing, and more.