Search
Cart Items
| There's nothing here yet. Add products to the cart to complete any purchases. |
$0.00
Adding Google Fonts
19 October 2020
You can set fonts for the content on your website within the 'Theme' settings file, under 'Website Configurations'.
Default fonts are fonts that are present on all computers (Windows PCs, Apple Macs, phones, tablets etc.). Adding Google fonts adds slightly more time to the inital load time of your website (when a user first visits your website). This is one of the trade-offs with using custom fonts, but it shouldn't be noticeable on fast connections.
To use Google Fonts, you need to choose the fonts you want from their website. Once you have the names of the fonts you want to use you need to add them into the 'Google Fonts' settings file under 'Website Configurations'.
Take note of the font name (e.g. 'Open Sans') once you've found one you like. You don't need to worry about the different variations/weights of the font, Meddle automatically import all of these.
Within the content management system navigate to Website Configurations > Google Fonts. Add the name of the Google font you want to use on your website.
You can add as many google fonts as needed, but each font adds to the loading time of your website. A good rule of thumb is to stick to three or less custom fonts.
Navigate back to Website Configurations > Theme to start updating fonts within your website. You will now be able to choose the Google font that you've just added.
When browsing for fonts on Google Fonts, you may have noticed that each font has different styles e.g. lighter, light, bold, 500, 700 etc. These are all 'font weights' and can be selected in the 'Font Weight' field.