8 Google Font Pairings for Editorial Designs
Google Fonts stands out as an incredibly user-friendly and extensive resource for free fonts. All Google Fonts are web-safe and come with open licenses. Not only can they be used for websites, but they are also suitable for print, both for personal and commercial projects without any licensing costs. Although, choosing the right selection of fonts can be a daunting task since there are thousands of them! To make your life easier, I’ve curated a list of 8 unique Google font pairings perfect for editorial style designs that look great on your website.
Unique Google Font Pairings for Your Website
(That Aren’t Montserrat or Poppins!)
How to Use Google Fonts on Kadence WordPress
Kadence comes with a built-in Google Fonts library, so you can use these beautiful fonts on your WordPress website without needing to install them manually or use extra plugins.
To set it up, start by navigating to Appearance > Customize > Colors & Fonts > Typography.
There are two primary fonts that serve as the backbone for your design which are the ‘Base Font‘ and the “Heading Font‘. If you click on the font name, it will show you a list of over 1,000 Google Fonts that you can choose.
The ‘Base Font‘ is the default font for all general text on your website, including the body of posts and pages. The ‘Heading Font‘ is designated for headings and titles, such as blog post titles, page headers, and widget titles. You can leave the rest as ‘inherit,’ and they will automatically use the fonts from these two settings.
EU Users: How to Use Google Fonts on Your Website and Stay GDPR Compliant
For EU users, using Google Fonts directly from Google’s servers can breach GDPR rules as it sends visitors’ IP addresses to Google. To stay compliant, you can host Google Fonts locally on your server. Fortunately, Kadence has a built-in setting for this purpose in the Customizer so you can set it up just within a few clicks. How convenient!
Navigate to Appearance > Customize > General > Performance.
Then, activate the ‘Load Google Fonts Locally‘ and ‘Preload Local Fonts‘ options.
You can click ‘Flush Local Font Files’ if you need to reset or refresh local fonts cache after making changes.
