How to use a Google Font

Phew Framework allows you to pick a font from Google Fonts and use it on your website.

Go to Google Fonts and find the font you want to use.

Click on the font and then "Get Font"

Then select "Get embed code":

Login to your website as an administrator.

Click "Customise" in the top admin menu and then "Font"

From "Base Font Family", select "Custom Google Font":

From the Google Font page copy the font name and the font URL (this is with the href=""):

In this example, it's Cabin Sketch and https://fonts.googleapis.com/css2?family=Cabin+Sketch:wght@400;700&display=swap

Paste the Font Name into Google Font Name and the Font URL into Google Font URL:

If you have this correctly, the page will preview the font:

If you are happy with this, click Publish.