Atrybut font-size-adjust w CSS

Definicja i użycie

Atrysta 'font-size-adjust' określa wartość 'aspect', aby utrzymać x-height preferowanej czcionki.

Wyjaśnienie

Wysokość małej litery "x" w czcionce w stosunku do wysokości czcionki nazywana jest wartością aspektu czcionki. Kiedy wartość aspektu czcionki jest wysoka, kiedy czcionka jest ustawiona na bardzo mały rozmiar, jest łatwiejsza do odczytania. Przykład: Wartość aspektu Verdana wynosi 0.58 (oznacza to, że gdy rozmiar czcionki wynosi 100px, jego x-height wynosi 58px). Wartość aspektu Times New Roman wynosi 0.46. Oznacza to, że Verdana jest łatwiejsza do odczytania w małych rozmiarach niż Times New Roman.

Zobacz również:

Tutorial CSSCSS Czcionki

Podręcznik CSSAtrybut font w CSS

Podręcznik HTML DOMAtrybut fontSizeAdjust

Przykład

Ustawienie różnych atrybutów font-size-adjust dla różnych elementów HTML:

h1
  {
  font-size-adjust:0.58;
  }
p
  {
  font-size-adjust:0.60;
  }

Spróbuj sam

Gramatyka CSS

font-size-adjust: number|none|initial|inherit;

Wartość atrybutu

Wartość Opis
none Domyślnie. Jeśli ta czcionka jest niedostępna, to nie zachowuje x-height tej czcionki.
number

Definiowanie proporcji wartości aspektu czcionki.

Możliwa formuła:

Rozmiar czcionki preferowanej * (wartość font-size-adjust / wartość aspektu dostępnej czcionki) = rozmiar czcionki zastosowany do dostępnej czcionki

Przykład:

Jeśli 14px Verdana (wartość aspektu to 0.58) jest niedostępna, ale dostępna czcionka ma wartość aspektu 0.46, to rozmiar zastępczej czcionki będzie wynosił 14 * (0.58/0.46) = 17.65px.

Szczegóły techniczne

Domyślna wartość: none
Inheritance: yes
Wersja: CSS2
Gramatyka JavaScript: object.style.fontSizeAdjust="0.70"

Próbka TIY

Użycie font-size-adjust do ustawiania rozmiaru czcionki
Ten przykład pokazuje, jak używać font-size-adjust do ustawiania rozmiaru czcionki.

Obsługa przeglądarki

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome IE / Edge Firefox Safari Opera
nie obsługuje nie obsługuje 3.0 nie obsługuje nie obsługuje