Summary: | Slanted text in variable fonts is not rendered correctly if font-style descriptor defines an upper angle that is less than 20deg | ||||||
---|---|---|---|---|---|---|---|
Product: | WebKit | Reporter: | Šime Vidas <sime.vidas> | ||||
Component: | CSS | Assignee: | Nobody <webkit-unassigned> | ||||
Status: | NEW --- | ||||||
Severity: | Normal | CC: | ahmad.saleem792, garimasingh7456, herr.ernst, mmaxfield, simon.fraser, stephen, webkit-bug-importer, zalan | ||||
Priority: | P2 | Keywords: | InRadar | ||||
Version: | Safari Technology Preview | ||||||
Hardware: | Unspecified | ||||||
OS: | Unspecified | ||||||
See Also: | https://bugs.webkit.org/show_bug.cgi?id=209565 | ||||||
Attachments: |
|
Description
Šime Vidas
2019-08-01 16:46:46 PDT
I think that the real problem may be that WebKit is applying a “faux-slant” for variable fonts when styled with font-style:oblique or font-style:italic. I have made a test page showing the issue in a way that I think is more clear, overlapping type to show the different results: https://arrowtype.github.io/vf-slnt-test/faux-slnt.html It is additionally worth noting that Chrome and Firefox also don't render the slnt axis correctly, and I'm hoping that WebKit doesn't make the same mistakes when fixing this issue (the differences between the OpenType & CSS specs are slightly unintuitive to most people, at first, so it's easy to make mistakes here). Please see https://bugs.chromium.org/p/chromium/issues/detail?id=859869 for more details. I have made a test page for font Slant in general at: https://arrowtype.github.io/vf-slnt-test/ Created attachment 389249 [details] Test website for faux-slant versus true Slant Here's a test case for this issue: https://arrowtype.github.io/vf-slnt-test/faux-slnt.html |