Bug 227143 - Text effected by @font-face intermittently fails to render
Summary: Text effected by @font-face intermittently fails to render
Status: RESOLVED INVALID
Alias: None
Product: WebKit
Classification: Unclassified
Component: Text (show other bugs)
Version: Safari 14
Hardware: Mac (Intel) macOS 11
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2021-06-17 13:36 PDT by ian
Modified: 2021-06-21 12:45 PDT (History)
1 user (show)

See Also:

Attachments
Inducing the issue by changing one of two rules applied to the element. (1.18 MB, video/mp4)
2021-06-17 13:36 PDT, ian 		no flags Details
The issue appearing in normal use. (2.74 MB, video/mp4)
2021-06-17 13:37 PDT, ian 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
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.