Шаблон:Font

Версия от 14:33, 20 февраля 2022; Adam (обсуждение | вклад) (Новая страница: «<span style="font:{{{1|100%}}}">{{{2|}}}</span><noinclude>{{doc}}</noinclude>»)
(разн.) ← Предыдущая версия | Текущая версия (разн.) | Следующая версия → (разн.)

Документация

Font — шаблон, позволяющий одновременно задать несколько характеристик шрифта и текста. Очень простой, так как вместо параметров вводятся списком атрибуты свойства font CSS. Это полезно, когда необходимо, например:

  • чтобы слово в верхнем регистре выглядело так же, как в нижнем регистре (капитель)
  • чтобы шрифт с засечками изменить на рубленый (без засечек)
  • чтобы изменить наклон шрифта и т. д.

В качестве обязательных значений указываются размер шрифта и семейство шрифта. Остальные значения задаются при желании.

Минимальный формат использования: {{Font|размер шрифт|текст}}

По умолчанию:

Parameter Default
Шрифт Sans-serif
Размер 100 %
Фон transparent
Цвет шрифта Чёрный

Можно использовать вместо шаблона font-size, который меняет размер шрифта, но недостающий параметр шрифт придётся отметить двумя кавычкачи:
{{Font|2em ''|font-size}}font-size

  1. font-style: (normal, italic, oblique) — начертание шрифта — обычное, курсивное или наклонное;
  2. font-variant: (normal, small-caps) — меняет строчные символы на заглавные уменьшенного размера;
  3. font-weight (bold, bolder, lighter, normal, 100—900) — устанавливает насыщенность шрифта;
  4. font-size/line-height: (множитель, размер, проценты, normal) — размер шрифта и, дополнительно, межстрочный интервал;
  5. font-family — шрифт или семейство шрифта.
Универсальные семейства шрифтов
  • serif — шрифты с засечками (антиквенные), типа Times;
  • sans-serif — рубленные шрифты (шрифты без засечек или гротески), типичный представитель — Arial;
  • cursive — курсивные шрифты;
  • fantasy — декоративные шрифты;
  • monospace — моноширинные шрифты, ширина каждого символа в таком семействе одинакова (шрифт Courier).

Допускается в качестве значения использовать ключевые слова:

Слово Шрифт
caption шрифт для текста элементов форм вроде кнопок
icon шрифт для текста под иконками
menu шрифт, применяемый в меню
message-box шрифт для диалоговых окон
small-caption шрифт для подписей к небольшим элементам управления
status-bar шрифт для строки состояния окон

Дополнительно можно задать цвет шаблоном {{color}}.

Примеры Покажет, как
{{font|bold italic 240% serif;|Cogito ergo sum}} Cogito ergo sum
{{font|30px 'Century Gothic'|Hello World!}} Hello World!
{{color|#bf00bf|{{font|2em Simhei|Άά Ὰὰ Ἀἀ Ἁἁ Ἄἄ Ἅἅ}}}} Άά Ὰὰ Ἀἀ Ἁἁ Ἄἄ Ἅἅ
{{font|italic bold 200% 'Comic Sans MS'|(Some text)}} (Some text)

См. такжеПравить

CSS-свойство font для текста

Параметры шаблона

ПараметрОписаниеТипСтатус
font:1

CSS-свойство font. подставляется в style="font:"

По умолчанию
100%
Пример
italic bold 200% 'Comic Sans MS'
Строковый (без форматирования)необязательный
Текст2

Текст который оборачивается в шаблон. span строка без новой строки

Содержимое (контент)обязательный