Google Fonts: all font faces are printed, even when not in use

[jeherve]

Impacted plugin

Jetpack

Quick summary

Core prints all registered fonts in theme.json. Since Jetpack's Google Fonts feature registers quite a few fonts, that makes for a lot of additional fonts loaded on each site where the feature is active, even if the fonts are not in use on the site.

Steps to reproduce

1. Start with a brand new site running the latest version of WordPress (6.4).
2. Install the latest version of the Gutenberg plugin.
3. Install the Jetpack plugin and connect it to WordPress.com.
4. Go to Jetpack > Settings > Modules, and activate the “Google Fonts (Beta)” module
5. Go to Appearance > Site Editor > Styles > Typography > Text > Font
6. See additional Google Fonts provided by the module.
7. Load any page on the frontend.
8. Open your browser's dev tools
9. Search for wp-fonts-local under the “Elements” tab

A clear and concise description of what you expected to happen.

Only active fonts should be loaded on the frontend.

What actually happened

You will see the full list of fonts loaded there.

Impact

All

Available workarounds?

Yes, easy to implement

Platform (Simple and/or Atomic)

Simple, Atomic, Self-hosted

Logs or notes

This was reported here:

• https://core.trac.wordpress.org/ticket/59863
• https://wordpress.com/forums/topic/hundreds-of-fonts-loaded-via-wp-fonts-local-action-on-front-end-and-dashboard/
• https://wordpress.org/support/topic/6-4-wordpress-loading-hundreds-of-fonts-via-wp-fonts-local-action/