A font-stylepropriedade permite que você faça o texto aparecer em itálico (ou seja, inclinado ou inclinado).
em ( font-style: italic; )Esta propriedade aceita um dos três valores possíveis: normal, italic, e oblique.
Se uma determinada família de fontes tiver uma face em itálico ou oblíqua incorporada, o navegador selecionará essa face. Se nenhuma face em itálico ou oblíqua estiver disponível, o navegador imitará o efeito de inclinação. Se o itálico estiver definido e não houver uma face itálica disponível, o navegador procurará uma face oblíqua antes de tentar imitar o itálico. O mesmo se aplica ao oblíquo; ele também procurará primeiro um rosto em itálico.
Para evitar que o navegador adicione uma versão imitada ou sintetizada da face em itálico ou oblíqua, você pode usar a font-synthesispropriedade (se houver suporte).
Itálico vs. Oblíquo
De acordo com a especificação, "as formas em itálico são geralmente cursivas por natureza, enquanto as faces oblíquas são versões tipicamente inclinadas da face regular." No entanto, se a fonte usada não tiver faces em itálico ou oblíquas disponíveis, na maioria dos casos há pouca ou nenhuma diferença entre itálico e oblíquo.
A demonstração abaixo demonstra itálico e oblíquo:
Veja Pen Itálico vs. oblíquo com estilo de fonte CSS por CSS-Tricks (@ css-tricks) em CodePen.
Suporte para navegador
| cromada | Safári | Raposa de fogo | Ópera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Funciona | Funciona | Funciona | Funciona | Funciona | Funciona | Funciona |