Własność CSS font-variation-settings

> Dodaj do ulubionych

Własność CSS font-variation-settings jest niskopoziomowym mechanizmem kontroli wariantów fontów zmiennych OpenType i TrueType. Jej podstawowym zastosowaniem jest umożliwienie zmiany rzadziej używanych i zaawansowanych wariantów, które są przydatne w pewnych szczególnych przypadkach.

Własności tej nie powinno się używać do definiowania jakichkolwiek ustawień, które można zdefiniować za pomocą własności z rodziny font-variant, ponieważ są one bardziej przewidywalne i niektóre z nich mogą być syntetyzowane, jeśli dany font ich nie obsługuje.

W szczególności niezalecane jest ustawianie za pomocą tej własności osi zmiennych wymienionych w pierwszej kolumnie poniższej tabeli, ponieważ można je zastąpić wysokopoziomowymi własnościami CSS wymienionymi w drugiej kolumnie:

Oś zmiennaOdpowiednia własność
ital/slntfont-style
opszfont-optical-sizing
wdthfont-width
wghtfont-weight

Wartości i składnia

Własność font-variation-settings przyjmuje jedną z następujących wartości:

  • Słowo kluczowe normal: oznacza normalne ustawienia fontu (wartość domyślna).
  • Rozdzielana przecinkami lista tagów OpenType/True Type w cudzysłowie + liczba, np.:
    font-variation-settings: 'wght' 700, 'wdth' 70;

Zastosowanie

Własność CSS font-variation-settings ma zastosowanie do wszystkich elementów HTML.

Podsumowanie

ZastosowanieWszystkie elementy HTML
Obsługiwane wartości
  • Słowo kluczowe normal
  • Lista tagów OpenType/TrueType z wartościami
Wartość początkowanormal
DziedziczenieTak
SpecyfikacjaCSS Fonts Module Level 4, własność font-variation-settings