Need help? We've got your back.

Find advice and answers for everything

Back

Category: Website Builder 2.0

How to Setup Your Site Font

The Builder 2.0 lets you easily manage your website fonts. You can stack multiple fonts from the Google Fonts library or upload your own custom fonts for a unique look.


To set your site fonts, first go to Website Builder -> Font Settings. This is where you can choose your fonts from the Google Fonts list or upload custom fonts.



image



To add a font to your ‘Added Google Fonts list’, click the Select a font dropdown option. Search and pick a Google font from the list.



image



Now, select the Variants (weights, styles) and Language/Script you want to include. Once done, click the Add button and your chosen font will now appear in the ‘Added Google Fonts’ list.



image



You can upload your custom font file by clicking the Upload icon on the ‘Custom Fonts’ section.



image



Once you’ve uploaded the file from your device, you have to select the font family, font weight, font style, and font display. 


Font display determines how browsers handle loading fonts and affects how quickly your text appears on the page.



image



Click the Upload Font File button and the font will then be automatically added to the title, text, and button typography styles inside the builder editing panel.



image



image



image



Apply Fonts Globally


To keep a consistent look across your site, use the Set as Global option. This applies the selected font family and its styling (like size and weight) to your entire website—saving you from adjusting fonts on every page individually.



image