How to add Google Fonts to your publication site

When using the Website Builder to design your publication site, you can add more Google Fonts to create additional options for your text. In order to do this, you’ll need to first pick the Google Font to use so you can copy its URL.

1. Go to Google Fonts and select a font to be added to your beehiiv website. Open the selected font page and copy its entire URL. 
   
   
2. Log into your beehiiv account and from the left panel, click on Design > Website Builder.
   
   
3. The Website Builder will open on the Styles tab, scroll down and open the Typography section then select the place in the Builder that you would like to add the font to.
   
   
   
   
   
   
   Tech Note: In the Styles tab, you can change the font family style for headings, buttons, and body text for your global website experience. More font options like size, weight, and color are available in the Layout tab.
4. You will be presented with options to modify the settings for Global Headings, Global Body, or Global Button. Select the drop down next to Font Family for the global font setting you wish to modify, then scroll down and select + Add Google Font.
   
   
   
   
   
   
5. A modal will appear for you to paste the URL of the new Google Font you want to add. Make sure to enter the URL exactly, as Google Fonts are case-sensitive, then click inside the popup box to preview the text with the new font. Click Add Google Font to confirm.
   
   
   
   
   
   
6. After adding a new font, you’ll receive a quick ‘Saved’ message at the top of your screen, but you’ll still need to publish the change in order to see it live.
   Click Publish Styles in the top right corner of the Web Builder.
   
   
   
   
   
   
7. You will receive a quick 'Published' message at the top of your screen. You can now use the newly added Google Font in the section you added it to.