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

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

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

добавить нестандартный шрифт wordpress

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

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

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

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); /* Путь к шрифту */
 }

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

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

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

Об авторе: Андрей Назыров

Приветствую Вас на своем блоге! Здесь Вы найдете всю необходимую информацию по созданию своего блога (сайта), его SEO оптимизации и последующего заработка.

3 комментария

  1. Спасибо за статью. Пока нет необходимости менять шрифт, но время не стоит на месте.

    Ответить
  2. Обязательно возьму на заметку. Вдруг захочется что-нибудь поменять .

    Ответить
    • Здравствуйте, Светлана. Рекомендую после этого проверить работу в нескольких браузерах.

      Ответить

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *