Styl písma - Triky CSS

Anonim

Tato font-stylevlastnost umožňuje, aby text vypadal kurzívou (tj. Šikmý nebo šikmý).

em ( font-style: italic; )

Tato vlastnost přijímá jednu ze tří možných hodnot: normal, italica oblique.

Pokud má daná rodina písem vložený kurzívu nebo šikmý obličej, prohlížeč tento obličej vybere. Pokud není k dispozici kurzíva nebo šikmý obličej, bude prohlížeč napodobovat sklonový efekt. Pokud je definována kurzíva a není k dispozici žádná kurzíva, prohlížeč vyhledá šikmý obličej, než se pokusí kurzívu napodobit. Totéž platí pro šikmé; také bude nejprve hledat kurzívu.

Chcete-li zabránit prohlížeči v přidání napodobené nebo syntetizované verze kurzívy nebo šikmého obličeje, můžete použít tuto font-synthesisvlastnost (pokud je podporována).

Kurzíva vs. Šikmé

Podle specifikace „Kurzíva má obecně kurzívový charakter, zatímco šikmé plochy jsou obvykle šikmé verze běžných ploch.“ Pokud však použité písmo nemá k dispozici kurzíva nebo šikmé plochy, ve většině případů je mezi kurzívou a šikmým rozdíl malý, pokud vůbec,.

Demo níže ukazuje jak kurzívu, tak šikmé:

Podívejte se na Pen Italic vs. šikmé s CSS stylem písma od CSS-Tricks (@ css-tricks) na CodePen.

Podpora prohlížeče

Chrome Safari Firefox Opera TJ Android iOS
Funguje Funguje Funguje Funguje Funguje Funguje Funguje