Making CSS change font style
The CSS font-style property defines custom styling for the text characters:
Example
p.oblique {
font-style: oblique;
}
p.italic {
font-style: italic;
}
p.normal {
font-style: normal;
}CSS font-style syntax and values
There are three values you can choose from when defining CSS font styles:
font-style: value;
| Value | Description |
|---|---|
normal |
The default value. The font is displayed normally |
italic |
The font is displayed in italics |
oblique |
The font is slated to the side by a specified degree (-90deg to -90deg) or 14 degrees by default |
Note: keep in mind that large portions of italic in CSS can be hard to read.
Browser support
Chrome
1+
Edge
12+
Firefox
1+
IE
4+
Opera
7+
Safari
1+
Mobile browser support
Chrome
18+
Firefox
4+
Opera
10.1+
Safari
1+