Главная - Без рубрики - Совет недели: как добавить на сайт оригинальные шрифты

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

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

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

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

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

[heading size=»18″]Плагин WordPress — WP-Cufon[/heading]

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

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

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

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

[sdfile url=»https://bestplugins.ru/wp-content/files/Cufons_Cyr.zip»]
[heading size=»18″]Плагин WordPress Google Fonts[/heading]

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

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

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

[sdfile url=»https://bestplugins.ru/wp-content/files/wp-google-fonts.zip»]
[heading size=»18″]Как добавить шрифты без плагина[/heading]

И в конце — несколько слов и пару ссылок на обзоры, в которых вы можете познакомится с вариантами добавления оригинальных шрифтов 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 в начале статьи и поделитесь этим обзором со своими друзьями.

О admin

Оставить комментарий

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

*