Свойство CSS `font-synthesis-weight`

Свойство 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

Указывает, что браузеру запрещено синтезировать отсутствующее полужирное начертание.

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

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

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 "https://fonts.googleapis.com/css2?family=Montserrat&display=swap";

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

Результат

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

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

См. также

• сокращённое свойство font-synthesis, font-synthesis-small-caps, font-synthesis-style
• font-style, font-variant, font-weight