Настройка шрифтов

Для установки русского шрифта на сайте Вам нужно скачать понравившийся шрифт и закачать его на сервер своего сайта. После того как закачали шрифт на сайт потребуется прописать в таблице стилей CSS сайта диалог подключения,выглядит это так:

@font-face {font-family:'Название шрифта';src: url('Путь к шрифту');}

Всё, теперь шрифт можно использовать применяя его к любым поддерживающим шрифты тегам, указывая в написании стилей только название самого шрифта.
Например вы скачали Русский фигурный шрифт ► Figurny, он имеет оригинальное название Figurny.
Закачали его на сервер ► прописали диалог подключения в стилях остаётся применить, делается это так:

<p style="font-family:'Figurny';font-size:5em;color:green;">Подключенный шрифт "Figurny"</p>

Весь текст помещённый внутри тега <p> будет отражать его тип, вот результат из предыдущего примера:

Подключенный шрифт "Figurny"

Теперь остаётся разобраться какие свойства регулируют вид шрифта,для этого воспользуемся "Справочником свойств CSS". Вот наиболее распространённые свойства применяемые к шрифтам:
color - Цвет шрифта.
font - Способ полного указания свойств шрифта.
font-family - Тип ( название ) шрифта.
font-size - Размер шрифта.
font-style - Стиль шрифта.
font-variant - Капитель ( весь шрифт в прописные ) шрифта.
font-weight - Вес ( жирность ) шрифта.

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

Просмотров: 31894