Skip to content
  • There are no suggestions because the search field is empty.

Changing your site's fonts

Learn how to change and customize the fonts on your website.

Written by: Madeline B.

Last updated: 11 Sep., 2025

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:

Customizing fonts

1. On the left sidebar menu, select website Website > style Style.

2. Select Fonts.
​Heading (4)


3. Browse the list of available font pairings. All fonts in the editor are royalty-free and free to use. Click on a font pairing to apply it across your site.

Tip: Note your current font before switching in case you want to revert back.

4. When you’re happy with your changes, click Publish in the top-right corner to make them live.

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

Changing individual font variables

If you want to fine-tune individual fonts after choosing a pairing, you can override them.

1. Select advanced Override fonts in the left sidebar.

2. Click the text element you’d like to edit. You can adjust font size, capitalization, spacing, and more.

3. To edit your website’s fonts for mobile and tablet views, click the device icons above the font settings to switch between desktop, tablet, and mobile.

  • Changes you make in one view do not automatically apply to the others.

  • You may need to adjust fonts separately for each device type.

  • This ensures your website looks good and stays readable across desktop, tablet, and mobile.