Summary: | WOFF2 fonts not loading | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|
Product: | WebKit | Reporter: | Brandon McConnell <brandon> | ||||||||
Component: | CSS | Assignee: | Nobody <webkit-unassigned> | ||||||||
Status: | NEW --- | ||||||||||
Severity: | Normal | CC: | dino, fred.wang, kevin_neal, koivisto, mmaxfield, webkit-bug-importer | ||||||||
Priority: | P2 | Keywords: | InRadar | ||||||||
Version: | Safari Technology Preview | ||||||||||
Hardware: | Unspecified | ||||||||||
OS: | Unspecified | ||||||||||
Attachments: |
|
Description
Brandon McConnell
2021-09-10 09:20:17 PDT
Created attachment 437880 [details]
Chrome screenshot
Created attachment 437881 [details]
Safari Technology Preview screenshot
The font file being pulled in is: https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Roboto+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap Thank you for filing. Please attach a code file that reproduces the issue. (In reply to Kevin Neal from comment #4) > Thank you for filing. Please attach a code file that reproduces the issue. The test is at <https://codepen.io/brandonmcconnell>. It's better to have an attachment, but a URL is fine too. Created attachment 438067 [details]
Screenshot
All browsers seem to render the text the same way, at least on my machine. I attached a screenshot.
(I'm assuming the text in question is the big title in the middle "Brandon McConnell".)
I apologize. I was actively trying to troubleshoot more on my machine. Can you refresh again now. In most other browsers, it should appear in Permanent Marker font like my original Chrome screenshot. Actually, I am able to reproduce the issue on another device. Allow me some time to find a method to persistently reproduce the issue only on WebKit. Do you have Permanent Marker installed on your local computer? WebKit/Safari won't use locally-installed fonts, because they are a way that users can be fingerprinted and tracked across the whole web. Other browsers will use locally-installed fonts, though. |