Совет недели: как добавить на сайт оригинальные шрифты

Примечание: Этот текст может содержать некоторые партнерские ссылки, а это значит, что я зарабатываю небольшую комиссию без каких-либо дополнительных затрат с вашей стороны, если вы воспользуетесь этими ссылками. Спасибо за понимание и поддержку.

Очень многим нравится использовать на сайте нестандартные шрифт. Как это сделать? Как обычно: существует два варианта:

Первый вариант — это установить необходимый плагин WordPress.

Второй вариант — редактировать файлы шаблона, внедрив в него необходимый код подключения нестандартных шрифтов.К популярным нестандартным шрифтам я бы отнес два: шрифты, сделанные с помощью скрипта JS по имени Cufon, и шрифты, которые предлагает компания Google.

Давайте рассмотрим сегодня именно эти два варианта. Итак, начнем с плагинов.

Плагин WordPress — WP-Cufon

Уже из самого названия плагина можно понимать, что он поможет вам подключить шрифты, сделанные с помощью скрипта JS — Cufon.yui.js

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

Там же вы можете скачать русскую версию плагина WP-Cufon. Она немного устарела. но работает исправно. Когда научитесь и поймете, как работает плагин — можете обновить его, но, правда, потеряется русская локализация.

Тем, кто не сможет по каким-либо причинам создать оригинальных шрифт на сайте разработка скрипта — могу предложить скачать готовые скрипты кириллических шрифтов, которые есть в моей коллекции.

[sdfile url=»https://bestplugins.ru/wp-content/files/Cufons_Cyr.zip»]

Плагин WordPress Google Fonts

Этот плагин я перевел на русский и надеюсь, это поможет вам быстрее разобраться в его настройках. Установка и активация плагина — стандартная. После активации в разделе Параметры вы увидите дополнительную страницу — Google Fonts. Откройте ее. Там вы увидите шесть вариантов использования разных шрифтов Google на вашем сайте. ВНИМАНИЕ! Прежде, чем вы начнете выбирать шрифты для того или иного элемента стилей, сначала сходите на сайт Google, посмотрите, какие шрифты Google относятся к разделу — Cyrillic или Cyrillic Extended, потому что в плагине в открывающихся списках есть не только кириллические, но и шрифты, которые поддерживают только латинские символы.

Советую прочитать еще:  С чего начинается идеальный сайт?

Посмотрите на Google кириллические шрифты, выберите те, которые вы считаете, наиболее точно подойдут вашему сайту, запишите или запомните их названия, и только потом используйте в плагине. И последнее: хотя бы немного надо понимать CSS, и разбираться в его элементах и тех элементах, которые есть в CSS файле стилей вашего шаблона.

Скачать плагин можно у меня, в русской локализации:

[sdfile url=»https://bestplugins.ru/wp-content/files/wp-google-fonts.zip»]

Как добавить шрифты без плагина

И в конце — несколько слов и пару ссылок на обзоры, в которых вы можете познакомится с вариантами добавления оригинальных шрифтов Cufon и Google Fonts напрямую, без плагина, через добавление необходимого кода в ваши файлы шаблона сайта.

Первая ссылка — это моя статья с обзором такого варианта добавления шрифтов скрипта Cufon без плагина. Если вы не хотите использовать плагин WP-Cufon, а хотите попробовать самостоятельно добавить нужный код — почитайте мой обзор на эту тему.

Вторая ссылка — это статья на одном из сайтов, в которой, на мой взгляд, коротко и точно рассказывается о варианте добавления шрифтов Google без использования специального плагина WordPress. Можете почитать об этом здесь — http://starwebdesign.com.ua/blog/2011/12/05/free-fonts-from-google-font-directory-2/

Если вам понравилась статья — голосуйте, нажмите на кнопки FB или Twitter в начале статьи и поделитесь этим обзором со своими друзьями.

Важно! Эта запись может содержать ссылки на плагины, которые к моменту вашего чтения и скачивания могут работать не корректно. Будьте внимательны.

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

Ваш email нигде не будет показан. Обязательные поля помечены *