0

I would like to choose the angle of inclination of an font with the "font-style: oblique "angle""

Like on this example: https://developer.mozilla.org/en-US/docs/Web/CSS/font-style

I would also like to use negative angle

But I think I missed a detail, when I'm using the exact same snippet in my code the text is always displayed with the default value of inclination (14deg).

Should I use specific font/browser or another css propriety?

Browser : firefox 97.0.1

h2 {
   font-style: oblique 30deg;
}
<h2>Oblique text with 30deg angle<h2>

Thanks for your answer

Dubss
  • 9
  • 2
    Well https://developer.mozilla.org/en-US/docs/Web/CSS/font-style#browser_compatibility at least suggests that you should not have any hope of this currently working in any other browser _but_ Firefox. – CBroe Mar 01 '22 at 14:52
  • 1
    It says it right there, that this is a feature of variable fonts: https://developer.mozilla.org/en-US/docs/Web/CSS/font-style#variable_fonts The example uses Amstelvar, which is one, https://v-fonts.com/fonts/amstelvar – CBroe Mar 01 '22 at 14:57

1 Answers1

1

The reference itself says browser compatibility as given link https://developer.mozilla.org/en-US/docs/Web/CSS/font-style#browser_compatibility

So oblique <angle> css is not compatible with any other browser except Firefox. You can use italic style or different font family that has same style.

Dakshank
  • 689
  • 4
  • 15