---
title: Changing your site's fonts [B12 2.0]
description: How can I change the fonts used on my site?
---
[Skip to content](https://support.b12.io/en/v2/changing-your-site-s-fonts#main-content)
- [Help Center](https://support.b12.io/)
- [B12 Website](https://www.b12.io/)
- [AI Website Prompts](https://www.b12.io/ai-website-prompt-gallery)
- [Resources](https://www.b12.io/resource-center/)
- [Pricing](https://www.b12.io/pricing/)
- [Log in](https://b12.io/dashboard/)
Open main navigation
Close main navigation
- [Help Center](https://support.b12.io/)
- [B12 Website](https://www.b12.io/)
- [AI Website Prompts](https://www.b12.io/ai-website-prompt-gallery)
- [Resources](https://www.b12.io/resource-center/)
- [Pricing](https://www.b12.io/pricing/)
- [Log in](https://b12.io/dashboard/)
- [Start for free](https://b12.io/signup/)
[Start for free](https://b12.io/signup/)
How can we help?
- There are no suggestions because the search field is empty.
1. [B12 Help Center](https://support.b12.io/en?hsLang=en)
2. [B12 2.0](https://support.b12.io/en/b12-2-0?hsLang=en)
3. [Website Style & Design](https://support.b12.io/en/b12-2-0?hsLang=en#website-style-design)
# Changing your site's fonts \[B12 2.0\]
## 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` **\>** `Style`.
2\. Select `Fonts`.
.png?width=533&height=300&name=Heading%20(4).png)
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](https://support.b12.io/en/articles/1517055-choosing-a-different-font-or-text-style?hsLang=en).
### Changing individual font variables
If you want to fine-tune individual fonts after choosing a pairing, you can override them.
1\. Select `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.
- [Getting started](https://support.b12.io/en/getting-started?hsLang=en#main-content)
- [Introduction](https://support.b12.io/en/getting-started?hsLang=en#introduction)
- [Detailed guides](https://support.b12.io/en/getting-started?hsLang=en#detailed-guides)
- [Working with B12's AI Agent](https://support.b12.io/en/working-with-b12s-ai-agent?hsLang=en#main-content)
- [Agent Skills](https://support.b12.io/en/working-with-b12s-ai-agent?hsLang=en#agent-skills)
- [Built-in features](https://support.b12.io/en/built-in-features?hsLang=en#main-content)
- [Visual edit](https://support.b12.io/en/built-in-features?hsLang=en#visual-edit)
- [Code editor](https://support.b12.io/en/built-in-features?hsLang=en#code-editor)
- [Data & users (Backends)](https://support.b12.io/en/built-in-features?hsLang=en#data-users-backends)
- [Forms & submissions](https://support.b12.io/en/built-in-features?hsLang=en#forms-submissions)
- [Commerce](https://support.b12.io/en/built-in-features?hsLang=en#commerce)
- [Contact manager](https://support.b12.io/en/built-in-features?hsLang=en#contact-manager)
- [eSignatures](https://support.b12.io/en/built-in-features?hsLang=en#esignatures)
- [Email Marketing](https://support.b12.io/en/built-in-features?hsLang=en#email-marketing)
- [Team](https://support.b12.io/en/built-in-features?hsLang=en#team)
- [Analytics](https://support.b12.io/en/built-in-features?hsLang=en#analytics)
- [Website settings](https://support.b12.io/en/built-in-features?hsLang=en#website-settings)
- [Adding functionality](https://support.b12.io/en/adding-functionality?hsLang=en#main-content)
- [Third-party integrations](https://support.b12.io/en/adding-functionality?hsLang=en#third-party-integrations)
- [Publishing & growing](https://support.b12.io/en/publishing-growing?hsLang=en#main-content)
- [Domains](https://support.b12.io/en/publishing-growing?hsLang=en#domains)
- [Connecting your Domain](https://support.b12.io/en/publishing-growing?hsLang=en#connecting-your-domain)
- [Managing Your Domain](https://support.b12.io/en/publishing-growing?hsLang=en#managing-your-domain)
- [Email Forwarding & Sending](https://support.b12.io/en/publishing-growing?hsLang=en#email-forwarding-sending)
- [Growth & Marketing](https://support.b12.io/en/publishing-growing?hsLang=en#growth-marketing)
- [Troubleshooting](https://support.b12.io/en/troubleshooting?hsLang=en#main-content)
- [FAQs](https://support.b12.io/en/troubleshooting?hsLang=en#faqs)
- [Account & billing](https://support.b12.io/en/account-billing?hsLang=en#main-content)
- [Account Login & Password](https://support.b12.io/en/account-billing?hsLang=en#account-login-password)
- [Subscription & Payment Information](https://support.b12.io/en/account-billing?hsLang=en#subscription-payment-information)
- [Your Account](https://support.b12.io/en/account-billing?hsLang=en#your-account)
- [Managing Multiple Websites](https://support.b12.io/en/account-billing?hsLang=en#managing-multiple-websites)
- [Multi-user](https://support.b12.io/en/account-billing?hsLang=en#multi-user)
- [Getting support](https://support.b12.io/en/getting-support?hsLang=en#main-content)
- [Professional & Advanced Plan Support (B12 2.0)](https://support.b12.io/en/getting-support?hsLang=en#professional-advanced-plan-support-b12-2-0)
- [B12 2.0](https://support.b12.io/en/b12-2-0?hsLang=en#main-content)
- [Website Structure and Content](https://support.b12.io/en/b12-2-0?hsLang=en#website-structure-and-content)
- [Website Style & Design](https://support.b12.io/en/b12-2-0?hsLang=en#website-style-design)
- [Sitewide Settings](https://support.b12.io/en/b12-2-0?hsLang=en#sitewide-settings)
- [Using the B12 Editor](https://support.b12.io/en/b12-2-0?hsLang=en#using-the-b12-editor)
- [Analytics & SEO](https://support.b12.io/en/b12-2-0?hsLang=en#analytics-seo)
- [Integrations - General](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-general)
- [Integrations - Communication](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-communication)
- [Integrations - Language](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-language)
- [Integrations - Ecommerce](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-ecommerce)
- [Professional & Advanced Plan Features](https://support.b12.io/en/b12-2-0?hsLang=en#professional-advanced-plan-features)
- [Troubleshooting & Resources](https://support.b12.io/en/b12-2-0?hsLang=en#troubleshooting-resources)
- [Contact Forms](https://support.b12.io/en/b12-2-0?hsLang=en#contact-forms)
- [Online Scheduling](https://support.b12.io/en/b12-2-0?hsLang=en#online-scheduling)
- [Advanced Editing (Experts Only)](https://support.b12.io/en/b12-2-0?hsLang=en#advanced-editing-experts-only)
[](https://www.b12.io)
© 2025 B12. All rights reserved.
×