Własność CSS font-synthesis

> Dodaj do ulubionych

Własność CSS font-synthesis pozwala wyłączyć możliwość syntetyzowania przez przeglądarkę odmian pogrubionej, kapitalikowej oraz indeksu górnego i dolnego, jeśli brakuje ich w używanej rodzinie fontów.

Synteza odmian pisma jest techniką awaryjną, która nie daje idealnych efektów, ale czasami lepsze to niż nic. Własność zbiorcza font-synthesis i indywidualne własności z tej rodziny służą do wyłączania możliwości syntezy wybranych lub wszystkich obsługiwanych odmian pisma, aby uniknąć nieprawidłowego renderowania treści, na przykład fragmentu tekstu w innym języku niż język dokumentu.

Własność zbiorcza font-synthesis obejmuje następujące własności indywidualne:

  • font-synthesis-position
  • font-synthesis-small-caps
  • font-synthesis-style
  • font-synthesis-weight

Wartości i składnia

Własność font-synthesis jako wartość przyjmuje słowo kluczowe none albo od jednego do wszystkich z poniższych słów kluczowych rozdzielonych spacjami:

weight
Pogrubienie (odpowiada własności indywidualnej font-synthesis-weight).
style
Odmiana pochyła (odpowiada własności indywidualnej font-synthesis-style).
small-caps
Kapitaliki (odpowiada własności indywidualnej font-synthesis-small-caps).
position
Indeks dolny i górny (odpowiada własności indywidualnej font-synthesis-position).

Obecność każdego z powyższych słów kluczowych w deklaracji własności font-synthesis jest równoznaczna z ustawieniem odpowiadającej mu własności na auto, czyli zezwolenie na syntezę odpowiedniej odmiany pisma.

Brak danego słowa kluczowego oznacza wyłączenie możliwości syntezy przez przeglądarkę odmiany pisma, której ono odpowiada, np. w poniższym przykładzie odmiany pochyła i pogrubiona mogą być syntetyzowane, a pozostałe (kapitaliki oraz indeks dolny i górny) nie:

font-synthesis: style weight;

Własności indywidualne

Każda z własności indywidualnych obejmowanych przez własność font-synthesis przyjmuje jedno z dwóch słów kluczowych:

none
Wyłącza możliwość syntetyzowania danej odmiany pisma.
auto
Włącza możliwość syntetyzowania danej odmiany pisma.

Domyślnie każda z tych własności ma wartość auto.

Parę przykładów użycia własności indywidualnych z rodziny font-synthesis:

font-synthesis-position: none; /* Znaki indeksu dolnego  i górnego nie mogą być syntetyzowane. */

font-synthesis-small-caps: auto; /* Kapitaliki mogą być syntetyzowane */

font-synthesis-style: auto; /* Odmiana pochylona pisma może być syntetyzowana */

font-synthesis-weight: none; /* Odmiana pobrubiona pisma nie może być syntetyzowana */

Zastosowanie

Własność zbiorcza CSS font-synthesis, a także wszystkie jej własności składowe, mają zastosowanie do wszystkich elementów HTML.

Podsumowanie

ZastosowanieWszystkie elementy HTML
Własności składowe
  • font-synthesis-position
  • font-synthesis-small-caps
  • font-synthesis-style
  • font-synthesis-weight
Obsługiwane wartości
  • Własność zbiorcza font-synthesis: słowa kluczowe none, weight, style, small-caps, position
  • Własności indywidualne: słowa kluczowe auto i none
Wartość początkowaweight style small-caps position
DziedziczenieTak
SpecyfikacjaCSS Fonts Module Level 4, własność font-synthesis