Add custom fonts to your website builder

<- Documentation

Last edited on July 9, 2021

You can add more fonts using Google Fonts by using the Code Injection feature.

1. Go to Google Fonts and copy the import code

Go to Google Fonts, select the font that you like:

Select styles (regular, bold, etc)

Click View your Selected Families on the right top corner

Copy the code

Copy the code to import fonts from Google Fonts

2. Paste the code in Code Injection

Go to Settings > Code Injection, then paste the Google Fonts Code from Step 1

Paste in the code from Google Fonts to Settings > Code Injection

3. Update

Then paste it below your code in Site Header.

🎉 Done

Press Update Settings to show the changes.

Anything you add via Code Injection will not be reflected in the editor. Please publish your site and open the published version to see the changes.

For reference:

Here's the whole code that you need in Site Header:

Here's how your Site Header should look like in the end:

We're a remote software company, building online tools for creators, builders, and side hustlers. We quit our 9-5 to pursue our dreams, and we want to help others do the same.

Backed by

Made in Typedream

Add custom fonts to your website builder - Typedream

1. Go to Google Fonts and copy the import code

2. Paste the code in Code Injection

3. Update

🎉 Done