font-synthesis-weight

Baseline 2023

Новая возможность

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

Свойство font-synthesis-weight CSS позволяет указать, может ли браузер синтезировать полужирный шрифт, если он отсутствует в наборе шрифтов.

Часто удобно использовать сокращённое свойство font-synthesis для управления всеми значениями синтеза шрифтов.

Синтаксис

/* Keyword values */
font-synthesis-weight: auto;
font-synthesis-weight: none;

/* Global values */
font-synthesis-weight: inherit;
font-synthesis-weight: initial;
font-synthesis-weight: revert;
font-synthesis-weight: revert-layer;
font-synthesis-weight: unset;

Значения

auto: Указывает, что браузер может синтезировать отсутствующий полужирный шрифт, если это необходимо.
none: Указывает, что браузер не должен синтезировать отсутствующий полужирный шрифт.

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

Начальное значение	`auto`
Применяется к	всем элементам и тексту. Также применяется к `::first-letter` и `::first-line`.
Наследуется	да
Вычисленное значение	как указано
Тип анимации	дискретный

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

font-synthesis-weight = 
  auto  |
  none

Примеры

Отключение синтеза полужирного шрифта

В этом примере демонстрируется отключение синтеза полужирного шрифта браузером для шрифта Montserrat.

HTML

<p class="english">
  This is the default <strong>bold typeface</strong> and
  <em>oblique typeface</em>.
</p>

<p class="english no-syn">
  The <strong>bold typeface</strong> is turned off here but not the
  <em>oblique typeface</em>.
</p>

CSS

@import url("https://fonts.googleapis.com/css2?family=Montserrat&display=swap");

.english {
  font-family: "Montserrat", sans-serif;
}
.no-syn {
  font-synthesis-weight: none;
}

Результат

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

Спецификация
CSS Fonts Module Level 4 # font-synthesis-weight

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

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`font-synthesis-weight`	97	97	111	83	16.4	97	111	68	16.4	18.0	97
`auto`	97	97	111	83	16.4	97	111	68	16.4	18.0	97
`none`	97	97	111	83	16.4	97	111	68	16.4	18.0	97

См. также

© 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-synthesis-weight