[wp-trac] [WordPress Trac] #59870: Text does not take the Local Fonts(Globally set)

[WordPress Trac]

#59870: Text does not take the Local Fonts(Globally set)
------------------------------------------------+--------------------------
 Reporter:  elurie                              |       Owner:  (none)
     Type:  defect (bug)                        |      Status:  assigned
 Priority:  normal                              |   Milestone:  Awaiting
                                                |  Review
Component:  Editor                              |     Version:  6.4
 Severity:  normal                              |  Resolution:
 Keywords:  reporter-feedback has-testing-info  |     Focuses:
------------------------------------------------+--------------------------
Changes (by hellofromTonya):

 * keywords:  reporter-feedback => reporter-feedback has-testing-info


Comment:

 == Reproduction Report
 This report validates that the issue can be reproduced.

 === Environment
 - OS: macOS 14.1.1
 - Web Server: Nginx
 - PHP: 7.4.30
 - WordPress: 6.4.1.
 - Browser: Safari 15.4
 - Theme: TT4 Child (created from Create Block Theme)
 - Active Plugins:
   - Create Block Theme
   - Gutenberg 17.0.1
 - Font:
 [https://fonts.google.com/specimen/Arsenal?preview.text=This%20header%20should%20be%20Arsenal%20font.&query=Arsenal
 Arsenal font]

 I do not have access to Optimal, which is a premium font. So instead, I
 downloaded the Arsenal font from Google Fonts.

 === Setup Steps
 1. Install and activate Create Block Theme plugin.
 2. Create the TT4 child theme:
    a. Go to Appearance > Create Block Theme.
    b. Trigger the Generate button.
    c. Go to Appearance > Themes.
    d. Trigger the "Add New Theme" button.
    e. Trigger the "Upload Theme" button.
    f. Drop and drag the child theme zip file.
    g. Trigger the "Install Now" button.
    h. Then activate the child theme.
 3. Install Gutenberg 17.0.x plugin (to more closely simulate the reported
 environment setup):
    a. [https://wordpress.org/plugins/gutenberg/advanced/ Navigate here to
 its plugin page on wp.org].
    b. Select 17.0.1 in the version to download select field.
    c. Trigger the Download button.
    d. In your test site, navigate to Plugins >  Add New Plugin > Upload
 Plugin.
    e. Drop and drag the zip file.
    f. Trigger the "Install Now" button.
    g. The activate the Gutenberg plugin.
 4. Install the font:
    a. Go to Google Fonts and
 [https://fonts.google.com/specimen/Arsenal?preview.text=This%20header%20should%20be%20Arsenal%20font.&query=Arsenal
 download the Arsenal font].
    b.

 === Steps to Reproduce
 1. In your browser, open its dev tools and navigate to the Network tab.
 2. Go to Appearance > Editor.
 3. Click/select the content area to open the sidebar.
 4. Go to Styles > Typography > Headings.
 5. In the "Font" selector, select Arsenal.
 6. In the "Appearance" selector, you can leave it as Default or select
 "Bold Italic" to make it stand out more.
 7. Trigger the "Save" button to save the customizations.
 8. Go to Posts > Add New Post.
 9. Add a paragraph and header h2 blocks.

 === Expected Results

 In the Site Editor, Post editor, and the front-end:
 - ✅ The Arsenal ttf file show as 200 status in your browser's DevTools
 Network tool.
 - ✅ The h2 block should render like it does on Google Fonts.

 === Actual Results
 In the Site Editor, Post editor, and the front-end:
 - ✅ The Arsenal ttf file does show as 200 status in your browser's
 DevTools Network tool.
 - ✅ The h2 block renders and looks the same as on Google Fonts.

 ❌ Could not reproduce the reported issue.

 === Additional Notes

 - Did not test with all of the plugins listed in the reporter's setup.
 - Gutenberg 17.0.0 was not available in the download list on wp.org.
 - Optimal font is a premium font. I used a Google Font.

 === Supplemental Artifacts

 - Front-end [attachment:"Arsenal-in-the-frontend.png"]
 - Site Editor [attachment:"Arsenal -in-the-site-editor.png"]

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/59870#comment:2>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform