WordPress 6.6 Beta 2 Font Library Issue

[nithins53]

I installed WordPress 6.6 Beta 2 and faced an issue with regard to the font library. The font library works as expected with the currently active theme, but if we switch to another theme and apply the font, the changes are not reflected in the editor but can be seen in the front end. Now if we refresh the editor, we can see the font is applied.

Testing Instructions

Activate Twenty Twenty-Four theme
Upload a font
Activate it for headings and text
The font is reflected properly in the editor and the front end
Now switch to the Twenty Twenty-Three theme
Activate the font
Apply the font
We can see it is not rendered in the editor
Preview the website in a new tab and the font is reflected properly in the front end
Refresh the editor and now we can see that the applied font is properly applied

Testing Environment

• WordPress: 6.6-beta2-58392
• PHP: 8.2.4
• Server: Apache/2.4.56 (Win64) OpenSSL/1.1.1t PHP/8.2.4
• Database: mysqli (Server: 10.4.28-MariaDB / Client: mysqlnd 8.2.4)
• Browser: Chrome 109.0.0.0 (Windows 10/11)
• Theme: Twenty Twenty-Four 1.1
• MU-Plugins: None activated
• Plugins:
  • WordPress Beta Tester 3.5.5

[thup90]

Reproduction Report

This report validates that the issue can be reproduced.

Environment

• Web Server: Nginx
• PHP: 8.2
• WordPress: 6.6-beta2
• Browser: Google Chrome Version 125.0.6422.142
• Theme: Twenty Twenty-Four, Twenty Twenty-Three
• Active Plugins:
  • WordPress Beta Tester 3.5.5

Actual Results

• ✅ Replicated the issue with the font not reflected correctly in the editor after Twenty Twenty-three theme was enabled. After refreshing the page, the font displayed correctly.

Additional Notes

• Replicated the issue with WordPress version 6.5.4 as well.

Supplemental Artifacts

See attachments.

[krupajnanda]

@nithins53 I'm able to replicate this issue. Once the font is applied, in the editor we have to one more refresh in order to get them into the effect.

Reproduction Report

Description

This report validates whether the issue can be reproduced.

Environment

• WordPress: 6.6-beta2-58392-src
• PHP: 8.2.15
• Server: nginx/1.25.3
• Database: mysqli (Server: 8.0.36 / Client: mysqlnd 8.2.15)
• Browser: Chrome 125.0.0.0
• OS: macOS
• Theme: Twenty Twenty-Three 1.4
• MU Plugins:
  • Safe Autoloaded Options Limit Test (MU Plugin) 1.0
• Plugins:
  • Test Reports 1.1.0

Actual Results

• Able to reproduce the given scenario.

[elbsegler]

I was able to reproduce the error 1:1.
The refresh of the selected font is not displayed immediately.

Browser: Firefox 126.0.1

[nithi22]

I could also reproduce the issue.

Environment

• WordPress: 6.6-beta2
• PHP: 8.2.0
• Server: Apache/2.4.54 (Unix) OpenSSL/1.0.2u PHP/8.2.0 mod_wsgi/3.5 Python/2.7.18 mod_fastcgi/mod_fastcgi-SNAP-0910052141 mod_perl/2.0.11 Perl/v5.30.1
• Database: mysqli (Server: 5.7.39 / Client: mysqlnd 8.2.0)
• Browser: Firefox 127.0 (macOS)
• Theme: Twenty Twenty-Four 1.1
• MU-Plugins: None activated
• Plugins:
  • WordPress Beta Tester 3.5.5

[nithins53]

The issue has a fix here ​https://github.com/WordPress/gutenberg/pull/62614.