font-style: oblique <ang> example doesn't work #33439
Labels
Content:CSS
Cascading Style Sheets docs
needs triage
Triage needed by staff and/or partners. Automatically applied when an issue is opened.
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: