You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
What specific section or headline is this issue about?
Slant
What information was incorrect, unhelpful, or incomplete?
The live example shows multiple ways to set the slant of the text, one using font-style: oblique <ang> and another using font-variation-settings: "slnt" <ang>. The one using font-style does not change the appearance of the rendered text.
Tested in Firefox 125 and Chromium 124 on both Windows 10 and Fedora 40.
What did you expect to see?
Setting the first example to use font-style: oblique 12deg would visibly change the appearance of the example text the same way setting font-variation-settings: "slnt" 12 does in the next example.
Do you have any supporting links, references, or citations?
It seems only oblique 14deg (i.e. the default) is supported. Perhaps this has something to do with the underlying font's configuration.
Josh-Cena
added
help wanted
If you know something about this topic, we would love your help!
and removed
needs triage
Triage needed by staff and/or partners. Automatically applied when an issue is opened.
labels
Jun 5, 2024
Josh-Cena
changed the title
font-style: oblique <ang> example doesn't work
font-style: oblique <ang> example is not consistent with font-variation-settings: "slnt" <ang>
Jun 5, 2024
MDN URL
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_fonts/Variable_fonts_guide
What specific section or headline is this issue about?
Slant
What information was incorrect, unhelpful, or incomplete?
The live example shows multiple ways to set the slant of the text, one using
font-style: oblique <ang>
and another usingfont-variation-settings: "slnt" <ang>
. The one usingfont-style
does not change the appearance of the rendered text.Tested in Firefox 125 and Chromium 124 on both Windows 10 and Fedora 40.
What did you expect to see?
Setting the first example to use
font-style: oblique 12deg
would visibly change the appearance of the example text the same way settingfont-variation-settings: "slnt" 12
does in the next example.Do you have any supporting links, references, or citations?
This usage of
font-style
should be supported across all modern browsers: https://caniuse.com/mdn-css_properties_font-style_oblique-angleDo you have anything more you want to share?
MDN metadata
Page report details
en-us/web/css/css_fonts/variable_fonts_guide
The text was updated successfully, but these errors were encountered: