---
title: "How to use custom fonts with your website"
updated: 2026-04-10
---

# How to use custom fonts with your website

> Available on **Max and Enterprise** plans.

The beehiiv Website Builder includes a curated library of Google fonts to help you design a polished, on-brand site. For even more control, you can upload and use custom fonts (including your own font files or fonts from Adobe) to fully match your brand identity.

Looking to change font size, weight, or color instead? Check out [Adjusting typography and font sizes in the Website Builder](https://www.beehiiv.com/support/article/39642263350935-adjusting-typography-and-font-sizes-in-the-website-builder). 

This guide walks through:

-   How to upload custom font files
-   How to import Adobe fonts
-   How to apply custom fonts across your website
-   Common questions about using custom fonts

---

## Ways to add custom fonts to beehiiv

From your beehiiv account, you can add custom fonts in one of two ways:

-   **Upload your own font files** (WOFF2, TTF, or OTF).
-   **Import fonts from Adobe** (requires an active Adobe Creative Cloud subscription).

> **Tech Note**
>
> Only users with [publication or workspace level user roles](https://beehiivhelp.zendesk.com/hc/en-us/articles/27753463738263) will be able to add custom fonts to be used on your beehiiv website.

---

## How to upload a custom font

1.  Open the Website Builder. From the left toolbar, click the **Settings** icon, then select **All settings**.  
     
2.  Your general website settings will open. Under **Features**, click on **Themes**.   
      
    ![](https://beehiivhelp.zendesk.com/hc/article_attachments/37128572062487)
3.  On the main page, scroll to the **Custom fonts** section.   
     
4.  Click on **Choose files or drag and drop** to select your files.

-   You can upload up to **10 custom font families.**
-   **Accepted formats:** WOFF2, TTF, or OTF files.
-   **Max file size:** 1 MB per file.

![](https://beehiivhelp.zendesk.com/hc/article_attachments/37128615597207)

> **Tech Note**
>
> Font files are often downloaded as .zip files. Be sure to unzip the files before uploading them to beehiiv.

5.  After selecting your font file, you’ll be asked to acknowledge that you have the rights to use the fonts you uploaded. Click **I acknowledge** to proceed.      
      
    ![](https://beehiivhelp.zendesk.com/hc/article_attachments/37128572065943)

> **Reminder**
>
> Font licensing compliance is the responsibility of the account owner; beehiiv is not responsible for any copyright or licensing violations.

5.  Once uploaded, your fonts will appear in the **Custom fonts** list with preview text to help you identify each font.  
      
    ![](https://beehiivhelp.zendesk.com/hc/article_attachments/37128572066967)
6.  To remove a font, click the **trash can** **icon** next to it.   
      
    ![](https://beehiivhelp.zendesk.com/hc/article_attachments/37128615604759)
7.  You’ll be asked to confirm that you want to delete your font. This action cannot be undone, and the font will be removed anywhere it’s used on your published site or in the Website Builder. Click **Delete** to confirm.   
      
    ![](https://beehiivhelp.zendesk.com/hc/article_attachments/37128572071319)

---

## How to add a custom font from Adobe 

**To use Adobe fonts with beehiiv, you must have an active Adobe Creative Cloud subscription.**

To get started, you will need to be logged into your Adobe account, then we’ll guide you through importing fonts into beehiiv. Click on the image to follow this interactive walkthrough or reveal the written steps below for the complete process.

[Embedded video](https://try.beehiiv.com/embed/cmj1wurl30lzvv3e5nvy8xy5e?embed_v=2&utm_source=embed)

**Show steps for adding Adobe fonts**

1.  Begin by logging in to your Adobe account. Please note that an active Adobe Creative Cloud subscription is required to add Adobe fonts.  
      
    ![1](https://beehiivhelp.zendesk.com/hc/article_attachments/37129082128535)
2.  Then, click the **Apps** option to access Adobe's full suite of creative applications.  
      
    ![2](https://beehiivhelp.zendesk.com/hc/article_attachments/37129071574807)
3.  Scroll through and view any of the fonts shown. When you've found one you like, click on the font card.  
      
    ![3](https://beehiivhelp.zendesk.com/hc/article_attachments/37129071576471)
4.  This will open the font details and let you test the font using your own text.  
      
    ![4](https://beehiivhelp.zendesk.com/hc/article_attachments/37129071577751)
5.  When you find a font you want to use on your website, click **Add to Web Project** to add this font to your project.  
      
    ![5](https://beehiivhelp.zendesk.com/hc/article_attachments/37129071579415)
6.  A pop-up will appear, click the dropdown to name or select a project.  
      
    ![6](https://beehiivhelp.zendesk.com/hc/article_attachments/37129071583127)
7.  Then, click the **Create** button to finalize adding font(s) to your website project.  
      
    ![7](https://beehiivhelp.zendesk.com/hc/article_attachments/37129071584535)
8.  A pop-up will appear and provide you with the embed code. Click the icon to copy the code, then click **Done**.  
      
    ![8](https://beehiivhelp.zendesk.com/hc/article_attachments/37129082144919)
9.  You can repeat the same process to select other fonts for your website and add them to the same project.  
      
    ![9](https://beehiivhelp.zendesk.com/hc/article_attachments/37129071590295)
10.  Then, head over to your beehiiv account and select **Website**, then the **Builder** option to access your Website Builder dashboard.  
       
     ![10](https://beehiivhelp.zendesk.com/hc/article_attachments/37129071594135)
11.  In the website editor, click the **Settings** (gear) icon to access the website settings.  
       
     ![11](https://beehiivhelp.zendesk.com/hc/article_attachments/37129071595159)
12.  Then click **All settings**.  
       
     ![12](https://beehiivhelp.zendesk.com/hc/article_attachments/37129082151959)
13.  From here, click **Themes**.  
       
     ![13](https://beehiivhelp.zendesk.com/hc/article_attachments/37129071596567)
14.  Then, scroll down to the **Custom fonts** section.  
       
     ![14](https://beehiivhelp.zendesk.com/hc/article_attachments/37129071599895)
15.  Paste your Adobe Fonts embed code into this field to import custom fonts.  
       
     ![15](https://beehiivhelp.zendesk.com/hc/article_attachments/37129082158871)
16.  Afterwards, click the **Import** button to proceed with adding your Adobe Fonts.  
       
     ![16](https://beehiivhelp.zendesk.com/hc/article_attachments/37129071601815)
17.  A pop-up will appear. Please review the Adobe Fonts license acknowledgment to confirm subscription rights and legal usage.  
       
     ![17](https://beehiivhelp.zendesk.com/hc/article_attachments/37129082162327)
18.  Then, click the **I acknowledge** button to confirm your Adobe Fonts license agreement and proceed.  
       
     ![18](https://beehiivhelp.zendesk.com/hc/article_attachments/37129071606423)
19.  When your font has been added, you'll see it in the preview in the Custom fonts section.  
       
     ![19](https://beehiivhelp.zendesk.com/hc/article_attachments/37129071607191)
20.  Click the **back arrow** to return to the Website Builder and begin using your custom font.  
       
     ![20](https://beehiivhelp.zendesk.com/hc/article_attachments/37129071609111)
21.  Within the editor, highlight the heading or paragraph block where you'd like to use your custom font.  
       
     ![21](https://beehiivhelp.zendesk.com/hc/article_attachments/37129082166167)
22.  Then, click on the **Font** in the right panel to open the typography options.  
       
     ![22](https://beehiivhelp.zendesk.com/hc/article_attachments/37129071611543)
23.  From here, you can either select **Custom** and assign your custom font to the text.  
       
     ![23](https://beehiivhelp.zendesk.com/hc/article_attachments/37129082168087)
24.  Or click **Edit Theme** and assign your custom font to the Header, Body, and Button fonts. Then apply all your theme fonts and update your website pages at one time to use the Adobe font.  
       
     ![24](https://beehiivhelp.zendesk.com/hc/article_attachments/37129071613975)

## How to use custom fonts with your website 

Once added, custom fonts can be applied anywhere in the Website Builder.

1.  Open the Website Builder and navigate to the page you want to edit.  
     
2.  Select a heading or paragraph block on the canvas.  
     
3.  In the right panel under **Style**, click the **Font** field to open typography options.  
      
    ![](https://beehiivhelp.zendesk.com/hc/article_attachments/37129082170775)
4.  Select **Custom**, then choose one of your uploaded fonts.

-   Use **Search** to quickly find a font.
-   Use **On this page** to reuse fonts already applied elsewhere.  
      
    ![](https://beehiivhelp.zendesk.com/hc/article_attachments/37129071616151)

5.  (Optional) To apply a custom font site-wide, click **Edit Theme** and assign the font to your Header, Body, or Button typography settings. Then click **Apply** to update your website pages.  
      
    ![](https://beehiivhelp.zendesk.com/hc/article_attachments/37129082176791)
6.  Once your custom fonts are in place, click **Publish** in the top-right corner of the builder to make your changes live.

-   Choose **This page only** to publish page-specific changes.
-   Or select **All pages** to publish broader site updates.
-   Then, click **Publish to live site** to finalize.     
      
    ![Publish Changes.png](https://beehiivhelp.zendesk.com/hc/article_attachments/37129071618839)

---

## Frequently asked questions about custom fonts

**Can I use the custom fonts I've added to the Website Builder in the Post Builder?**

No. Custom fonts apply only to your website. Custom fonts aren’t currently supported in the Post Builder, welcome emails, or automation emails.

**How many custom fonts can I upload?**

You can upload up to 10 custom font families per account.

**Where do I adjust font size, weight, and color for my website?**

Font size, weight, and color are controlled through your theme settings and element-level design options in the Website Builder, not through custom font uploads. For step-by-step instructions, see [Adjusting typography and font sizes in the Website Builder](https://www.beehiiv.com/support/article/39642263350935).

**What happens if I downgrade my plan?**

If you downgrade from a Max or Enterprise plan:

-   All custom fonts will be removed from your website.
-   Any areas using those fonts will fall back to the default theme font.

**Who is responsible for font licensing?**

The beehiiv account owner is responsible for:

-   Confirming they have the right to use uploaded fonts.
-   Maintaining proper licensing based on usage (including web usage terms).

**Can I apply custom fonts without using theme settings?**

Yes. You can apply custom fonts directly to individual text blocks, or assign them globally through your theme settings; both options are supported in the Website Builder.

**Where can I find custom fonts?**

Custom fonts are available from many sources. If you’re new to managing font files, we recommend reviewing Google’s guide: [**Installing and managing fonts**](https://fonts.google.com/knowledge/using_type/installing_and_managing_fonts)**.**

Always use caution when downloading font files and ensure you’re sourcing fonts from reputable providers.

**I uploaded a custom font but can't find where to change the font size. Where is it?**

Custom font uploads only add font families to your library — font size, weight, and color are managed separately. To adjust these settings globally across your site or for a specific element, see [Adjusting typography and font sizes in the Website Builder](https://www.beehiiv.com/support/article/39642263350935).