font-style
Sets whether text should be rendered in an upright (normal), slanted (italic), or skewed (oblique) style.
Quick example
em {
/* Standard way to italicize text */
font-style: italic;
}
.slanted {
/* Skews the text by a specific degree */
font-style: oblique 15deg;
}Quick facts
Initial value
normalInherited
Yes
Applies to
all elements and text
Animation type
byComputedValueTypeNormalAnimatesAsObliqueZeroDeg
Values
normalitalicoblique font-style Browser Support
Widely available Since 2015 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.
Safe to use without fallbacks.
1+
1+
1+
12+