Bug 227143

Summary: Text effected by @font-face intermittently fails to render
Product: WebKit Reporter: ian
Component: TextAssignee: Nobody <webkit-unassigned>
Status: RESOLVED INVALID    
Severity: Normal CC: mmaxfield
Priority: P2    
Version: Safari 14   
Hardware: Mac (Intel)   
OS: macOS 11   
See Also: https://bugs.webkit.org/show_bug.cgi?id=227224
Attachments:
Description Flags
Inducing the issue by changing one of two rules applied to the element.
none
The issue appearing in normal use. none

Description ian 2021-06-17 13:36:44 PDT
Created attachment 431715 [details]
Inducing the issue by changing one of two rules applied to the element.

In Safari 14.1.1 I'm seeing text disappearing and reappearing when its computed styles are updated. I'm having a heck of a time isolating it but best I can tell it seems tied to @font-face somehow. The issue is not present in FF or Chrome. 

I'm including a video example of behavior as best I've been able to isolate it. Have tried to create a stripped down stand-alone file with no luck so far.
Comment 1 ian 2021-06-17 13:37:15 PDT
Created attachment 431716 [details]
The issue appearing in normal use.
Comment 2 ian 2021-06-18 05:36:48 PDT
It seems that some source fonts just don't download in some cases, possibly when there's other js-triggered network requests...
Comment 3 ian 2021-06-20 04:28:57 PDT
Ok, the font-load failure is on me.

The Blinking appears to be an interaction between "font-display: auto;" and an unloaded font...
Comment 4 ian 2021-06-21 08:57:04 PDT
I have a tight reproduction. 
Going to close this and open a more specific bug. 
Apologies for the noise.