[wp-trac] [WordPress Trac] #62231: Font faces defined in variations aren't loaded in the browser until the variation switch is saved and the page is refreshed

[WordPress Trac]

#62231: Font faces defined in variations aren't loaded in the browser until the
variation switch is saved and the page is refreshed
-------------------------------------------------+-------------------------
 Reporter:  mmaattiiaass                         |       Owner:  (none)
     Type:  defect (bug)                         |      Status:  new
 Priority:  normal                               |   Milestone:  6.7
Component:  Editor                               |     Version:  trunk
 Severity:  normal                               |  Resolution:
 Keywords:  has-patch has-unit-tests needs-      |     Focuses:
  testing has-testing-info                       |
-------------------------------------------------+-------------------------
Changes (by ironprogrammer):

 * component:  General => Editor
 * milestone:  Awaiting Review => 6.7


Comment:

 Thanks for the patch and convenient test theme, @mmaattiiaass! This PR
 works as advertised in my testing, and I've moved this ticket to the 6.7
 milestone for visibility (it's already on the
 [https://github.com/orgs/WordPress/projects/210 6.7 editor board]). (Note
 that the [https://github.com/WordPress/wordpress-develop/pull/7570 first
 PR] did **not** work for me.)

 == Test Report
 Patch tested: https://github.com/WordPress/wordpress-develop/pull/7581
 (second, "simpler alternative" PR)

 === Environment
 - Hardware: MacBook Pro Apple M1 Pro
 - OS: macOS 14.6.1
 - Browser: Safari 17.6
 - Server: nginx/1.27.1
 - PHP: 8.3.12
 - MySQL: 8.0.27
 - WordPress: 6.7-beta3-59237-src
 - Theme: font-variants ([https://github.com/WordPress/wordpress-
 develop/pull/7581 zip from PR description])

 === Actual Results
 - ✅ Custom fonts in style variations are immediately and accurately
 reflected in the style thumbnails and editor preview. No page refresh is
 needed to show the custom fonts.

 === Supplemental Artifacts
 ''Click an image for a large version.''
 ||= Left Styles browser =||= Right Styles browser =||
 || [[Image(https://cldup.com/N4WSNmDnaY-2000x2000.png, 95%)]] ||
 [[Image(https://cldup.com/ETmPwV9NnY-2000x2000.png, 95%)]] ||

 Prefer videos? See these [https://cloudup.com/i3g6dMeAcYG before patch]
 and [https://cloudup.com/iZ-Ckw0mt0M after patch] recordings.

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