font-styleSvojstvo omogućuje da tekst pojavljuje u kurzivu (tj kosi ili nagnuti).
em ( font-style: italic; )Ovaj objekt prihvaća jednu od tri moguće vrijednosti: normal, italici oblique.
Ako je u datoj obitelji fontova ugrađeno kurzivno ili koso lice, preglednik će odabrati to lice. Ako nije dostupno kurzivno ili koso lice, preglednik će oponašati ukošeni efekt. Ako je kurziv definiran i nema dostupnog kurzivnog lica, preglednik će potražiti koso lice prije nego što pokuša oponašati kurziv. Isto se odnosi i na koso; i to će prvo potražiti kurzivno lice.
Da biste spriječili da preglednik doda oponašanu ili sintetiziranu verziju kurzivnog ili kosog lica, možete koristiti font-synthesissvojstvo (ako je podržano).
Kurziv protiv kosog
Prema specifikaciji, "kurzivni su oblici obično kurzivne prirode, dok su kosa lica obično nagnute verzije pravilnog lica." Međutim, ako font koji se koristi nema kurziv ili kosa lica, u većini slučajeva postoji mala, ako uopće postoji, razlika između kurziva i kosog.
Demonstracija u nastavku pokazuje kurziv i koso:
Pogledajte Pen Italic nasuprot kosom sa stilom CSS fonta CSS-Tricks (@ css-tricks) na CodePen-u.
Podrška preglednika
| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Djela | Djela | Djela | Djela | Djela | Djela | Djela |