RESOLVED INVALID 227143
Text effected by @font-face intermittently fails to render
https://bugs.webkit.org/show_bug.cgi?id=227143
Summary Text effected by @font-face intermittently fails to render
ian
Reported 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.
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
The issue appearing in normal use. (2.74 MB, video/mp4)
2021-06-17 13:37 PDT, ian
no flags
ian
Comment 1 2021-06-17 13:37:15 PDT
Created attachment 431716 [details] The issue appearing in normal use.
ian
Comment 2 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...
ian
Comment 3 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...
ian
Comment 4 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.
Note You need to log in before you can comment on or make changes to this bug.