25 lines
2.2 KiB
Markdown
25 lines
2.2 KiB
Markdown
|
---
|
|||
|
|
title: Font Variant
|
|||
|
|
localeTitle: Вариант шрифта
|
|||
|
|
---
|
|||
|
|
## Свойство шрифта
|
|||
|
|
|
|||
|
|
Свойство font-variant чаще всего используется для изменения целевого текста на небольшие кепки. Значение по умолчанию - `normal` .
|
|||
|
|
|
|||
|
|
```css
|
|||
|
|
p {
|
|||
|
|
font-variant: small-caps;
|
|||
|
|
}
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
Свойство также принимает `all-small-caps` , `petite-caps` , `all-petite-caps` , `titling-caps` и `unicase` ; однако они новы в CSS3 и еще недостаточно хорошо поддерживаются.
|
|||
|
|
|
|||
|
|
Обратите внимание, что если вы используете кепки в разметке HTML, это будет переопределять значение малых кепок, что приведет к регулярным заглавным буквам. Если вы хотите сохранить разметку в верхнем регистре, но переходите к небольшим шапкам с помощью CSS, просто установите `text-transform: lowercase` вместе с объявлением о небольших шапках.
|
|||
|
|
|
|||
|
|
Хотя небольшие колпачки могут добавить дополнительную элегантность для вашей типографии, дизайнеры рекомендуют использовать их только в том случае, если они действительно встроены в шрифт. «Поддельные» маленькие кепки - это компьютерные версии с уменьшенными версиями заглавных букв. «Реальные» маленькие шапки, с другой стороны, рисуются отдельно дизайнером типа и кажутся немного шире и толще, чем «поддельные».
|
|||
|
|
|
|||
|
|
#### Дополнительная информация:
|
|||
|
|
|
|||
|
|
[Дизайн для хакеров](https://designforhackers.com/blog/small-caps/)
|
|||
|
|
|
|||
|
|
[Шрифт-вариант на MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant)
|