Просмотр кода страницы Шаблон:Font/doc

{{docpage}}
Font — шаблон, позволяющий одновременно задать несколько характеристик шрифта и текста. Очень простой, так как вместо параметров вводятся списком атрибуты свойства ''font'' [[CSS]]. Это полезно, когда необходимо, например:
* чтобы слово в верхнем регистре выглядело так же, как в нижнем регистре (капитель)
* чтобы шрифт с засечками изменить на рубленый (без засечек)
* чтобы изменить наклон шрифта и т. д.

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

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

По умолчанию:
{| class="wikitable"
!Parameter
!Default
|-
|<code>Шрифт</code>
|Sans-serif
|-
|<code>Размер</code>
|100 %
|-
|<code>Фон</code>
|transparent
|-
|<code>Цвет шрифта</code>
|Чёрный
|}

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

# font-style: (normal, italic, oblique) — начертание шрифта — обычное, курсивное или наклонное;
# font-variant: (normal, small-caps) — меняет строчные символы на заглавные уменьшенного размера;
# font-weight (bold, bolder, lighter, normal, 100—900) — устанавливает насыщенность шрифта;
# font-size/line-height: (множитель, '''размер''', проценты, normal) — размер шрифта и, дополнительно, межстрочный интервал;
# font-family — '''шрифт''' или семейство шрифта.

; Универсальные семейства шрифтов:
* serif — шрифты с засечками (антиквенные), типа Times;
* sans-serif — рубленные шрифты (шрифты без засечек или гротески), типичный представитель — Arial;
* cursive — курсивные шрифты;
* fantasy — декоративные шрифты;
* monospace — моноширинные шрифты, ширина каждого символа в таком семействе одинакова (шрифт Courier).

Допускается в качестве значения использовать ключевые слова:
{| class="wikitable"
!Слово
!Шрифт
|-
|<code>caption</code>
|{{Font|caption|шрифт для текста элементов форм вроде кнопок}}
|-
|<code>icon</code>
|{{Font|icon|шрифт для текста под иконками}}
|-
|<code>menu</code>
|{{Font|menu|шрифт, применяемый в меню}}
|-
|<code>message-box</code>
|{{Font|message-box|шрифт для диалоговых окон}}
|-
|<code>small-caption</code>
|{{Font|small-caption|шрифт для подписей к небольшим элементам управления}}
|-
|<code>status-bar</code>
|{{Font|status-bar|шрифт для строки состояния окон}}
|}

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

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

==См. также==
* {{tl|Font-family}}
* {{tl|Resize}}
* {{tl|color}}
* {{tl|Letter-spacing}}<includeonly>[[Категория:Шаблоны:CSS]]</includeonly>