Gutenberg Google Fonts Feature Tutorial

Introduction

Premium Blocks for Gutenberg offers the ability to use Google Fonts, allowing you to choose from a vast collection of fonts to create unique and professional typography for your website with Gutenberg editor. With the Load Google Fonts Locally option, you can download and store Google Fonts on your WordPress website’s server, which can improve page load times and performance. You can also use the Preload Local Fonts feature, which loads your website’s fonts before the page is even displayed, ensuring that your visitors see your content as soon as possible. Finally, the Allow Only Selected Fonts option lets you choose a limited number of fonts to use, which can help simplify your design and improve readability.

Requirements

To get Premium blocks on your WordPress website, make sure to install and activate the following plugin(s).

  • Premium Blocks for Gutenberg – The Free WordPress Plugin.
  • Recommended* Kemet Full-Site-Editing WordPress Theme.

How to Enable Load Google Fonts Locally Feature for Gutenberg?

This section provides a step-by-step guide on enabling the feature that allows Google Fonts to be loaded locally. The steps include:

  • Go to WP Dashboard -> Premium Blocks -> Performance tab, and enable the Load Google Fonts Locally.
  • “Preload Local Fonts” This option will be used to preload local fonts on your website.

“Preload Local Fonts” option is used to preload local fonts on the website, ensuring fonts are loaded quickly and efficiently before the page content is displayed.

“Load Google Fonts Locally” This option downloads and stores Google Fonts on the WordPress server, improving page load times and performance.

Premium Blocks' google font enabled feature.
Enable Premium Blocks’ Google Font

Selecting Specific Google Fonts for Your Website

This section gives a guide on how to select specific Google Fonts to use on the website:

Go to WP Dashboard -> Premium Blocks -> Performance tab, then enable the Allow Only Selected Fonts option and select the fonts you want.

Premium Blocks' google fonts with selected fonts only.
Gutenberg Google Fonts – Enable Allow Only Selected Fonts

Need Further Help?

Have a question or need assistance? Our dedicated support team is here to help! Explore our contact options to ensure you get the support you need. We’re committed to making your Gutenberg website-building experience seamless and resolving any queries you may have.

About Leap13

Leap13 is a WordPress-focused web development firm specializing in building premium WordPress themes and plugins.

Join Our Newsletter

Subscribe to our newsletter and be the first to know our latest updates!

Copyright © 2024 | Built With ❤️ Using Kemet WordPress Theme and Premium Blocks