Make sure your system font name matches exactly what Google specifies - For example, if you selected the 'Roboto Condensed' font, enter 'Roboto Condensed' (with no quotes) as the system name under your Webfont settings.Ģ.

Troubleshooting Why are my Google Fonts not loading?ġ. However, the system name MUST MATCH what Google font specifies as the system name in order for the font to load correctly. Important: The display name is NOT the same as the system name, and does not need to match the system name Google Fonts specifies. For example, if we were adding 'Poppins Bold' we would simply write the system name as 'Poppins' since this is what Google specifies the system name as.

Under 'System Name', give the name of the font that Google specifies in the CSS while viewing the embed options.

In the 'Display Name' options, add the name of the font and weight.

To create your webfont, click the 'Add Webfont' button.

Because we selected two font weights in this example, we need to add two individual webfonts for each weight. Now that we've added the font resource, we need to create our webfonts. Paste in the embed code you grabbed from Google, and give your font resource a name. On on the left side of the page, click + Add Resource. In Semplice, navigate to Customize > Webfonts. Step 2: Adding the Font Resource to Semplice Note: if you plan on using multiple font weights, you will need to click the 'Customize' tab in the embed code options area and select your weights. Now in Google Fonts, click the fly-out box at the bottom of the screen to pull up your font kit embed code area. Step 1: Getting the Embed Codeįirst, create a kit in Google Fonts that includes all the fonts you want to use on your site.

We recommend using Google (or any other font hosting service) to host your site's fonts instead self-hosting your fonts, since their servers can load the fonts faster.įollow these steps to add your Google font to Semplice.

Installing a font from Google Fonts is super easy in Semplice.

How to get more fonts on google docs