size-adjust

Baseline 2024

Новое

С июля 2024 года эта функция работает на последних устройствах и версиях браузеров. Возможно, эта функция не будет работать на старых устройствах или браузерах.

Описание size-adjust CSS для правила @font-face определяет множитель для контуров глифов и метрик, связанных с этим шрифтом. Это облегчает согласование дизайна различных шрифтов при отображении их с одинаковым размером шрифта.

Описание size-adjust работает аналогично свойству font-size-adjust. Оно вычисляет корректировку для каждого шрифта, сопоставляя высоты ex.

Синтаксис

size-adjust: 90%;

Значения

<percentage>: Значение <percentage> с начальным значением 100%.

Все метрики, связанные с этим шрифтом, масштабируются на заданный процент. Это включает в себя продвижения глифов, таблицы базовых линий и переопределения, предоставленные описаниями @font-face.

Формальное определение

Связанное правило at-rule	`@font-face`
Начальное значение	`100%`
Проценты	как указано
Вычисленное значение	как указано

Формальный синтаксис

size-adjust = 
  <percentage [0,∞]>

Примеры

Переопределение метрик резервного шрифта

Свойство size-adjust может помочь при переопределении метрик резервного шрифта для лучшего соответствия метрикам основного веб-шрифта.

@font-face {
  font-family: web-font;
  src: url("https://example.com/font.woff");
}

@font-face {
  font-family: local-font;
  src: local(Local Font);
  size-adjust: 90%;
}

Спецификации

Спецификация
CSS Fonts Module Level 5 # size-adjust-desc

Совместимость браузеров

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`size-adjust`	92	92	92	78	17	92	92	Нет	17	16.0	92

См. также

font-display описание
font-family описание
font-weight описание
font-style описание
font-stretch описание
font-feature-settings
font-variation-settings описание
src описание
unicode-range описание
font-size-adjust свойство

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/size-adjust