Добавляем нестандартный – уникальный шрифт на свой блог!

Здравствуйте, дорогие читатели и гости блога! Сегодня я расскажу как добавить шрифт на сайт, а если быть точнее, я покажу как добавить на ваш любимый блог нестандартный и уникальный шрифт.

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

Стандартные шрифты это те, которые гарантировано одинаково отображаются во всех операционных системах и браузерах мира.

Примеры стандартных шрифтов:

Arial
Verdana
Tahoma
Lucida
Trebuchet MS
Times New Roman
Georgia
Palatino Linotype
Comic Sans MS
Helvetica
Courier New
и другие.

Нестандартные шрифты не гарантируют корректного отображения во всех браузерах. Но и среди них есть немало таких, которые поддерживают популярные браузеры и операционные системы.

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

Если просто в CSS прописать название нестандартного шрифта, то он работать не будет. Он преобразуется в основной шрифт, который прописан в стилях. Для того, чтобы отображался нестандартный шрифт, нужно:

1. Найти и скачать шрифт в формате ttf.

Просто наберите в строке поиска «Скачать шрифты» , выберете понравившиеся (обязательно убедитесь, что шрифт поддерживает кириллицу).

2. Загрузите файл шрифта по FTP в папку темы вашего блога.

То есть путь шрифта должен быть следующий:

sait.ru/wp-content/themes/mytheme/3893.ttf

3. Укажите в файле style.css путь к шрифту.

Просто вставьте вот этот небольшой кусочек кода:

@font-face {   font-family: Mistral; /* Название шрифта */   src: local("Mistral"), /* Проверка указанного шрифта в ОС */   url(/wp-content/themes/mytheme/3893.ttf); /* Путь к шрифту */   }

После проведенных манипуляций, шрифт будет работать на вашем сайте.

Конечно, у нестандартных шрифтов есть небольшой минус. Если он не поддерживается ОС пользователя, браузер отправит дополнительный запрос к папке со шрифтом, а для вас не секрет, что чем больше запросов, тем медленнее грузится блог. Я пока никаких особых изменений в загрузке не заметил, поэтому решил его пока оставить.

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