Bug 267358

Summary: Emphasized text does not render on MDN, does on Chrome and Firefox
Product: WebKit Reporter: Jon Lee <jonlee554>
Component: TextAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: ahmad.saleem792, jond, karlcow, mmaxfield, vitor.roriz, webkit-bug-importer, zalan
Priority: P2 Keywords: BrowserCompat, InRadar
Version: Safari 16   
Hardware: Unspecified   
OS: Unspecified   

Jon Lee
Reported 2024-01-10 12:43:14 PST
Look for "I love carrots" here: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/strong and compare to Chrome and Firefox. On Safari, the "love" or "carrots" are not italicized. May be a similar issue to 215605, but the font-face rules do not include font-variation-settings in this case.
Attachments
Radar WebKit Bug Importer
Comment 1 2024-01-10 12:44:03 PST
Karl Dubost
Comment 2 2024-01-10 19:31:18 PST
Very interesting. ``` :root { --font-fallback: BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; --font-body: Inter, var(--font-fallback); --font-heading: Inter, var(--font-fallback); … ``` Removing --font-body: Inter, var(--font-fallback); makes it work. or replacing by --font-body: var(--font-fallback); makes it work too.
Jon Lee
Comment 3 2024-01-10 19:32:23 PST
Inter is a variable font with a slant axis.
Karl Dubost
Comment 4 2024-01-10 19:42:08 PST
Related Bug 200369 ?
Ahmad Saleem
Comment 5 2024-12-17 16:24:54 PST
*** Bug 281164 has been marked as a duplicate of this bug. ***
Karl Dubost
Comment 6 2024-12-17 23:31:21 PST
I have done a full diagnosis on Bug 281164. See there.
Karl Dubost
Comment 7 2024-12-17 23:35:38 PST
https://searchfox.org/wubkat/rev/d46c14cf9008c4385cf0ac7919561b278d047e85/Source/WebCore/platform/graphics/coretext/FontCustomPlatformDataCoreText.cpp#147-158 ```cpp bool FontCustomPlatformData::supportsFormat(const String& format) { return equalLettersIgnoringASCIICase(format, "truetype"_s) || equalLettersIgnoringASCIICase(format, "opentype"_s) || equalLettersIgnoringASCIICase(format, "woff2"_s) || equalLettersIgnoringASCIICase(format, "woff2-variations"_s) || equalLettersIgnoringASCIICase(format, "woff-variations"_s) || equalLettersIgnoringASCIICase(format, "truetype-variations"_s) || equalLettersIgnoringASCIICase(format, "opentype-variations"_s) || equalLettersIgnoringASCIICase(format, "woff"_s) || equalLettersIgnoringASCIICase(format, "svg"_s); } ```
Karl Dubost
Comment 8 2024-12-17 23:40:18 PST
it works with "woff2 supports variations" but it doesn't work with "woff2-variations" or the combination of both.
Note You need to log in before you can comment on or make changes to this bug.