Дескриптор CSS-правила `size-adjust`

Базовая поддержка Недавно стала доступна

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

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

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

Синтаксис

size-adjust: 90%;

Значения

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

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

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

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

Примеры

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

Свойство 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 для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android	WebView на iOS
`size-adjust`	92	92	92	78	17	92	92	Нет	17	16.0	92	17

См. также

Дескриптор font-display
Дескриптор font-family
Дескриптор font-weight
Дескриптор font-style
Дескриптор font-stretch
font-feature-settings
Дескриптор font-variation-settings
Дескриптор src
Дескриптор unicode-range
Свойство font-size-adjust

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