Description

We've encountered a problem with font variant selection in our application. Specifically, this issue arose when selecting the "ABeeZee" or "ADLaM Display" fonts. I did not have time to examine all the other fonts, but I tested from 10 to 20 and only found these 2. While these fonts appear correctly in the editor (which might require reload due to #58765, though), and their references are present in the code for the live site, they do not display as intended when viewed on the website. Instead, a default system font is shown.

Expected Behavior: The selected font variants, "ABeeZee" and "ADLaM Display", should display correctly on the live site as they do within the editor.

Step-by-step reproduction instructions

• Open the Font Library modal
• Select "ABeeZee" or "ADLaM Display" from Google Fonts
• Apply the font and view the change in the editor (note that it appears correct within the editor).
• Save changes to observe the font display.

Screenshots, screen recording, code snippet

The font (ADLaM Display) is displayed on the editor;

The font (ADLaM Display) is not displayed on the live site, while it seems to have the correct style;

Note that there were no font face outputs with document.fonts.forEach((f) => console.log(f)) on the live site.

Environment info

Gutenberg >= 17.6

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

No