Как добавить шрифты Google Web к вашей теме WordPress


www.workzilla.ru

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

Шрифт — графический рисунок начертаний букв и знаков, составляющих единую стилистическую и композиционную систему, набор символов определенного размера и рисунка.

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

Среди стандартных шрифтов (Arial, Verdana, Times New Roman, Georgia, Trebuchet MS, Courier New, Comic Sans MS и еще нескольких вариантов) для сайта, поддерживаемых любым браузером, не всегда можно подобрать подходящие. Один из способов увеличить выбор шрифтов, которые вы можете применить на своем сайте, является использование шрифтов, доступных в каталоге Google Web Fonts.

Для начала нужно определиться со шрифтом или шрифтами, которые Вы будите использовать. Так как Ваш сайт, скорее всего русскоязычный, то следует указать в настройках  группы шрифтов  Cyrillic или Cyrillic Extended, так как не все шрифты поддерживают кириллицу, а также включить показ всех стилей.

В выбранном шрифте перейдите в Quick-use

Чтобы шрифт правильно отображался, укажите язык, для которого он будет использоваться, для русского языка нужно указать Cyrillic

Сформированную ссылку

Необходимо скопировать и вставить в файл header.php между тегами <head></head>

В файле style.css для выбранного элемента укажите  font-family , скопировав приведенный ниже код.

Для выбора нужного элемента Вы можете воспользоваться дополнением Firebug для браузера Firefox.

При использовании нескольких шрифтов их можно объединить в один запрос, используя символ | в этом случае, ссылка будет выглядеть так: (второй используемый шрифт  Lobster)

  <link href='http://fonts.googleapis.com/css?family=Bad+Script|Lobster' rel='stylesheet' type='text/css'>

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

До использования Google Web Fonts:

после:

Похожие записи

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

Поиск
Мебель на заказ

Частный мастер 8(909)676-75-73