Google Fonts are not shown in the Editor preview

[liviopv]

Quick summary

When selecting a custom font family from our Google Fonts list in Global Styles or blocks Typography controls, the font is not applied correctly in the editor preview but appears on the front end.

CleanShot.2023-05-06.at.09.44.25.mp4

Fonts that are part of the theme style variations can be previewed. This is broken in Simple and Atomic sites on Gutenberg 15.7.

On an Atomic site, when Gutenberg is inactive, the list of fonts is not available at all:

I couldn't reproduce any similar behavior in a local site with and without Gutenberg 15.7.

Steps to reproduce

1. In a site with an FSE theme and access to Global Styles, open the Site Editor
2. Go to Global Styles > Typography
3. Select a font from our Google Fonts selection, like Space Mono
4. The preview will flash as if it was applying the font, but it won't be applied correctly. Instead, a serif system font will load.

What you expected to happen

The preview should show the correct font selection

What actually happened

The Editor will not show any fonts from Google Fonts in the preview.

Impact

Most (> 50%)

Available workarounds?

No but the platform is still usable

Platform (Simple and/or Atomic)

Simple, Atomic

Logs or notes

Gutenberg 15.7
Mac OS Ventura 13.0.1
Chrome 112.0

[rw-ye]

Another report: 6267935-zd-woothemes

[github-actions]

Support References

This comment is automatically generated. Please do not edit it.

• 6267935-zen
• 6272049-zen

[autumnfjeld]

cc: @arthur791004

[simison]

Confirmed this is with Gutenberg 15.7, and doesn't happen when I switch to Gutenberg 15.6.2 on simple sites:

15.6.2

15.7

[arthur791004]

It's related to https://github.com/WordPress/gutenberg/pull/49655/files#r1185738007

[hellofromtonya]

It's related to https://github.com/WordPress/gutenberg/pull/49655/files#r1185738007

WordPress/gutenberg#49655 removed the decision-making logic of which fonts to print for the iframed editor for the 6.3 compat script-loader (it's still in the 6.2 compat file). That code is being relocated to the Fonts API (see WordPress/gutenberg#50151).

A 15.7.1 minor will contain this follow-up PR which should restore printing of fonts in the Site Editor and other block editors.

[cat-og]

Another report here: 6272049-zd

[RT-1904129]

Hi @hellofromtonya , @arthur791004
Can you help me to set up this project in my locally as I follow all step but when I am doing yarn start it still scrolling and I am not able to see the correct UI from the last 2 hours in my local
Thanks & Regards
Rishabh Tripathi

[simison]

@RT-1904129 unfortunately this issue needs some internal tooling to debug & solve, and we have folks working on this already.

[RT-1904129]

Hi @simison
Basically, I want little help in setup this project. Can you help me on this?
Thanks & Regards
Rishabh Tripathi

[simison]

@RT-1904129 please see:

• https://wpcalypso.wordpress.com/devdocs/README.md
• https://wpcalypso.wordpress.com/devdocs/docs/install.md

[cuemarie]

📌 ACTIONS

• Assigned to Other @Automattic/t-rex since this is related to Global styles, but see discussion below:
• Troubleshooting and a fix is in discussion here: p1683364993859039-slack-C02FMH4G8

[dsas]

GB 15.7.1 was rolled out to WordPress.com at 19:56 UTC yesterday, which looks to have fixed this bug as @hellofromtonya suggested.