Русские (кириллические) шрифты для вебмастера
Сегодня мы обсудим тему русских шрифтов: где скачать кириллические шрифты бесплатно и как их установить. Ни для кого не секрет, что шрифтов, поддерживающих кириллицу намного меньше, чем тех, которые ее не поддерживают. Зачастую найти нужный красивый оригинальный русский шрифт не так просто, но возможно.
Кириллический шрифт имеет русский алфавит и может применяться вебмастером в любой программе для написания русских букв. Подходит для использования как в текстовых, так и графических программах, в том числе и в Web Page Maker.
При установке нестандартных шрифтов следует помнить, что в ОС пользователей вашего сайта может быть не установлен используемый вами шрифт и тогда пользователь не увидит всех красот ваших текстов. В браузере ему будет показан текст в установленном по умолчанию шрифте. Конечно, есть выход и из этой ситуации, заключается он в проверке шрифта на наличие в ОС пользования и в случае отсутствия шрифт будет подгружаться из вашей папки.
Так как же установить понравившийся шрифт на свой сайт и сделать так, чтобы пользователь его видел? Осуществить это вовсе несложно.
1. Нужно скачать понравившийся шрифт сначала на компьютер, а затем с помощью любого FTP- клиента закачать его на сервер хостинга, в папку сайта.
2. После того как закачали шрифт на сервер, нужно его прописать в таблице стилей CSS вашего сайта. Для этого откройте файл style.css и добавьте в него следующий код:
@font-face {
font-family: Blood Cyrillic ; /* имя шрифта */
src: local("Blood Cyrillic"), /* проверяем наличие шрифта в ОС пользователя */
url(/fonts/blood_cyrillic.ttf); /* путь для загрузки шрифта, если таковой отсутствует у пользователя*/
}
В последней строке внимательно прописываем путь к шрифту, указывая папку, в которую он загружен на хостинге и не забываем о расширении шрифта, чаще всего это .ttf.
Таким образом вы подключите нестандартный шрифт к сайту. Затем его просто нужно будет использовать как обычно для любых текстовых элементов сайта. Например, вы хотите заголовки выделить нестандартным шрифтом. В этом случае в html-коде страницы вы прописываете так:
h1 {
font-family: Blood Cyrillic;
}
После этого все заголовки h1 на вашем сайте будут написаны шрифтом Blood Cyrillic.
Установленный шрифт можно применять к любым тегам, указывая в написании стилей только название самого шрифта. Можно также задать свойства шрифту. Например:
<p style="color: red;font-size: 13px;font-family: 'Blood Cyrillic';font-style: normal;font-weight: normal;">Ваш текст текст текст текст текст</p>
Весь текст внутри тега <p> будет написан этим шрифтом, используя указанные вами свойства, где
color - цвет шрифта (в примере он красный);
font-family - название шрифта (в примере это Blood Cyrillic) ;
font-size - размер шрифта (в примере он равен 13 пикселам);
font-style - стиль шрифта (в примере используется обычный стиль);
font-variant - обычный или прописной шрифт (в примере не используется);
font-weight - обычный или жирный (выделенный) шрифт (в примере обычный шрифт без выделения).
Как подключить оригинальный шрифт на сайте, вы узнали, теперь приведу несколько ресурсов, где можно бесплатно скачать русские шрифты для использования в любых своих работах.
1. http://www.fonts-online.ru/fonts/cyrillic - имеет довольно внушительный набор (более 150 страниц) кириллических шрифтов. Любой шрифт можно скачать быстро и бесплатно. Для этого щелкните по превью понравившегося шрифта и на открывшейся странице под описанием шрифта и лицензии есть ссылка (выделена красным цветом) для скачивания.