Google Web Fonts: широкий выбор бесплатных шрифтов с простой установкой

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

Работать в Google Web Fonts достаточно просто. Давайте же на практике разберемся в установке и подключении отдельных шрифтов.

Открываем список шрифтов, выбрав необходимый тип из левой боковой панели.

К примеру, нас интересует набор кириллических шрифтов.

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

Преимущества шрифтов Google:

  • кроссбраузерность;
  • легкое использование;
  • постоянное пополнение базы шрифтов;
  • большой выбор для любой страницы сайта.

Установка шрифтов на WordPress

В файле header.php между тегами <head> и </head> вставить предоставленный код. Если вам необходимо применить понравившийся шрифт ко всем страницам сайта, необходимо в style.css прописать к тегу body код, сгенерированный Google Web Fonts. В нашем случае выглядит он следующим образом:

Если же, например, вы хотите применить такой стиль только к заголовкам, в таком случае следует отыскать тег h1 (иногда h2) и вставить к нему этот же код.

Стандартный метод установки шрифтов хорош тем, что не импортирует файл, а использует url, который необходимо вставить в header.php вместе с кодом таблиц стилей. Этот способ не влияет на производительность сайта.

Установка шрифтов на Joomla

Открыть index.php и прописать строчку со сгенерированным кодом, которая будет отвечать за загрузку шрифта в браузер, а также добавить в стили код CSS.

***

Веб-шрифты Google можно установить сразу в систему. Для этого скачайте архив с выбранными шрифтами, распакуйте его и скопируйте полученные файлы в папку «Шрифты» на вашем компьютере: Пуск → Панель управления → Шрифты.

Оригинальные шрифты помогут сделать ваш проект еще лучше, а вставить код в шаблон сайта любой CMS не составит труда даже новичку. Хотите взглянуть на некоторые новые шаблоны TemplateMonster и создать собственный сайт с использованием веб-шрифтов Google web fonts? Мы готовы предоставить вам такую возможность прямо сейчас!

Шаблон магазина одежды на PrestaShop

***

Политический шаблон для WordPress

***

Онлайн-магазин специй и кулинарных изысков на VirtueMart

***

Шаблон WordPress для создания фотосайта

***

Шаблон магазина спортивной одежды и аксессуаров на PrestaShop

***

Потрясающий фотосайт на базе Joomla шаблона

***

Сайт мебельного салона на Moto CMS

***

Сайт для свадебного фотографа на WordPress

***

Красочный сайт боулинг клуба для Drupal

***

Шаблон WordPress для создания сайта охранного агентства

***

Больше креативных шаблонов на TemplateMonster Russia.

Прокомментируйте первым.

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

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

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>