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

Свойство font-synthesis-position CSS позволяет указать, может ли браузер синтезировать гарнитуры для надстрочных и подстрочных знаков, если они отсутствуют в семействе шрифтов, используя font-variant-position для задания их положения.

Свойство font-synthesis-position не действует при использовании элементов <sup> и <sub>.

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

Синтаксис

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

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

Значения

Для этого свойства указывается одно из следующих ключевых слов:

auto

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

none

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

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

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

font-synthesis-position = 
  auto |
  none

Примеры

Отключение синтеза гарнитур для надстрочных и подстрочных знаков

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

HTML

<p>
  These are the default position <span class="super">superscript</span>,
  position <span class="sub">subscript</span>, <strong>bold</strong> and
  <em>oblique</em> typefaces.
</p>

<p class="no-syn">
  The positions <span class="super">superscript</span> and
  <span class="sub">subscript</span> typeface is turned off here but not the
  <strong>bold</strong> and <em>oblique</em> typefaces (on browsers that support
  <code>font-synthesis-position</code>).
</p>

CSS

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

* {
  font-family: "Montserrat", sans-serif;
}
.super {
  font-variant-position: super;
}
.sub {
  font-variant-position: sub;
}
.no-syn {
  font-synthesis-position: none;
}

Результат

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

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

См. также

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