--- title: Creating and applying a custom text style [B12 2.0] description: Learn how to create text styles and font settings which can be applied throughout your website! --- [Skip to content](https://support.b12.io/en/v2/adding-a-custom-font-style-to-your-website#main-content) ![b12 logo](https://support.b12.io/hubfs/b12%20logo.svg) - [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) # Creating and applying a custom text style \[B12 2.0\] ## Learn how to create a custom font style and apply it to specific text on your B12 website. | ![jay\_d2-1572877644-modified](https://support.b12.io/hs-fs/hubfs/jay_d2-1572877644-modified.png?width=60&height=60&name=jay_d2-1572877644-modified.png) Written by: Jay Douglas Last updated: 03 Dec., 2025 | | --- | B12 websites use default font pairings to keep your design consistent. If you want certain text to look different from your sitewide styles, you can create a custom text style and apply it where needed. To learn how to edit your default fonts, [see this article](https://support.b12.io/en/articles/1516955-changing-website-theme-colors-and-fonts?hsLang=en). ### Creating a custom text style 1\. In the left sidebar menu, go to `Website` **\>** `Style`. 2\. Click the box below **Fonts**. ![](https://support.b12.io/hs-fs/hubfs/image-png-Dec-02-2025-09-59-48-1789-PM.png?width=250&height=385&name=image-png-Dec-02-2025-09-59-48-1789-PM.png) 3\. Click `Override fonts`. **![](https://support.b12.io/hs-fs/hubfs/image-png-Dec-02-2025-10-00-16-4196-PM.png?width=250&height=427&name=image-png-Dec-02-2025-10-00-16-4196-PM.png)** From here you can edit your default text styles, which are already being used throughout your site. Changing these styles will often affect multiple text areas. ![](https://support.b12.io/hs-fs/hubfs/image-png-Dec-02-2025-10-01-04-8343-PM.png?width=250&height=539&name=image-png-Dec-02-2025-10-01-04-8343-PM.png) 4\. Scroll to the bottom and click the `New custom text style...`. ![](https://support.b12.io/hs-fs/hubfs/image-png-Dec-02-2025-10-01-40-6587-PM.png?width=250&height=540&name=image-png-Dec-02-2025-10-01-40-6587-PM.png) 5\. Add a name for your new style and select the font settings you would like to use. ![](https://support.b12.io/hs-fs/hubfs/image-png-Dec-02-2025-10-02-22-5376-PM.png?width=250&height=513&name=image-png-Dec-02-2025-10-02-22-5376-PM.png) 6\. Click `Done`. ### Applying custom font style 1\. Go to the page and section with the text you want to change. 2\. In the left sidebar, click the text box, then highlight the text you want to update. 3\. Click the `TT` **text style button** in the bottom left corner of the text box. ![](https://support.b12.io/hs-fs/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comio32690611740e2fc491252918555fb2ee0image.png?width=250&height=180&name=downloads.intercomcdn.comio32690611740e2fc491252918555fb2ee0image.png) 4\. Scroll to the bottom of the pop-up menu and select the custom style you created. ![](https://support.b12.io/hs-fs/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comio326906399a145c39fd9553f316648e7eeimage.png?width=250&height=421&name=downloads.intercomcdn.comio326906399a145c39fd9553f316648e7eeimage.png) **Note:** You can also create a new custom text style directly from the text style menu by clicking `New custom text style`. 5\. Repeat these steps for any other text you want to format. 6\. Click `Publish` to update your live website. - [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) [![B12\_logo\_2025](https://support.b12.io/hs-fs/hubfs/B12_logo_2025.png?width=53&height=24&name=B12_logo_2025.png "B12_logo_2025")](https://www.b12.io) © 2025 B12. All rights reserved. ×