Font Variant – Wariant Czcionki CSS

Wariant Czcionki CSS

font-variant

Za pomocą własności font-variant (ang. wariant czcionki) możemy wybrać wariant czcionki pomiędzy normalnym (domyślna wartość), a tzw. small-caps (ang. małe wersaliki).

font-variant: normal; (domyślna wartość)
font-variant: small-caps;

Trochę dziwnie to brzmi te małe wersaliki. Wersaliki to po prostu duże litery, a czemu duże będą małe to zobaczmy sami. Tak przy okazji słowo Caps może skojarzyć Wam się z popularnym CapsLock’iem, jest to po prostu blokada wersalików, czyli stałe ich pisanie.

.small-caps { font-variant: small-caps; }
<p>Tekst napisany normalnie</p>
<p class="small-caps">Tekst napisany w małych wersalikach</p>

Tekst napisany normalnie

Tekst napisany w małych wersalikach