CSS-свойство `font-synthesis-small-caps`

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

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

Синтаксис

/* Keyword values */
font-synthesis-small-caps: auto;
font-synthesis-small-caps: none;

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

Значения

Это свойство задаётся одним из следующих ключевых слов:

auto

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

none

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

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

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

font-synthesis-small-caps = 
  auto |
  none

Примеры

Отключение синтеза начертания капители

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

HTML

<p class="english">
  These are the default <span class="small-caps">small-caps</span>,
  <strong>bold</strong>, and <em>oblique</em> typefaces.
</p>

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

CSS

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

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

Результат

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

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

См. также

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