How do you add a custom font pairing from Google Fonts in Loopia Sitebuilder?

If the predefined font pairings don’t suit your site’s style, you can create your own custom font pairing. All Google Fonts are supported.

Creating a custom font pairing

1. Go to Design → Fonts in the top menu to open the Fonts menu.
2. Click the blue (+) icon to add a new custom font pairing.
3. A window opens where you can choose two fonts from the full Google Fonts library:
   • The primary font is applied to: Heading 1, Heading 2, Heading 3, Heading 4, buttons, the site name and the phone number in the header.
   • The secondary font is applied to: Heading 5, Heading 6, normal text (paragraphs), quotes, navigation, and form labels and input fields.
4. As you choose fonts, you’ll see the changes directly on your site, so you can test how they look together before saving. When you’re happy, click Save, then Save again in the next window.

If you don’t see any change

Note: if nothing changes after you choose a font, the font doesn’t support your site’s language.

Related articles

• How do you customise fonts on your website in Loopia Sitebuilder?
• How do you edit and format text in Loopia Sitebuilder?
• How do you change the button style across your whole site in Loopia Sitebuilder?