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

Jeśli masz czas i ochotę sprawdź mój nowy projekt Zdalny Ninja. Jest to serwis poświęcony Pracy Zdalnej. Zachęcam Cię już teraz do wpisania się na listę osób, które jako pierwsze dowiedzą się, że projekt wystartował.