GeneratePress & GenerateBlocks

GeneratePress is a lightweight WordPress theme that focuses on speed, stability, and accessibility.

GenerateBlocks is a small collection of lightweight WordPress blocks that can accomplish nearly anything.

Yabe Webfont is fully featured and working great with GeneratePress & GenerateBlocks. The built-in integration gives you the native experience of using custom fonts in GeneratePress & GenerateBlocks.

You can use any Custom Font, embedding Adobe Fonts or self-hosting Google Fonts in the GeneratePress & GenerateBlocks.

Supported versions

Section titled Supported versions

We at Yabe Webfont have taken efforts to ensure compatibility with various versions of GeneratePress and GenerateBlocks. The following versions are currently supported:

  • GeneratePress 3.1.0 or later.
  • GenerateBlocks 1.8.0 or later.

Using custom fonts in the GeneratePress

Section titled Using custom fonts in the GeneratePress

Step 1: Typography menu

Section titled Step 1: Typography menu

From the WordPress admin panel, navigate to Appearance > Customize to open the Customizer. Then click the Typography menu to expand the panel.

Step 2: Font Manager

Section titled Step 2: Font Manager

Yabe Webfont has a built-in integration with the GeneratePress theme, so you didn’t need to add the font manually. Let’s move to the next step.

Step 3: Typography Manager

Section titled Step 3: Typography Manager

Assign the font to the desired element.

  1. Click the Add Typography button.
  2. Choose the target element on the Target Element dropdown field.
  3. Choose your font on the Font Family dropdown list.

Using custom fonts in the GenerateBlocks

Section titled Using custom fonts in the GenerateBlocks

Yabe Webfont has a built-in integration with the GenerateBlocks v1.8.0 or later.

Step 1: Open the Block setting panel

Section titled Step 1: Open the Block setting panel

  1. Choose the GenerateBlocks’ block on the Gutenberg editor’s canvas

  2. Then click the icon on the top right corner of the screen

  3. And switch to the Block tab.

Step 2: Select the font family

Section titled Step 2: Select the font family

Expand the Typography section and choose your font on the Font Family dropdown list under the Yabe Webfont category. The block you have selected will be updated immediately.

Disable the Google Fonts in GeneratePress and GenerateBlocks

Section titled Disable the Google Fonts in GeneratePress and GenerateBlocks

GeneratePress and GenerateBlocks use the Google Fonts Web API to provide users with the Google Fonts collection. To be GDPR compliant, you must disable the Google Fonts in GeneratePress and GenerateBlocks.

Yabe Webfont forcibly programmatically disables the Google Fonts in GeneratePress and GenerateBlocks, so you don’t need to do anything.