Теперь, когда мы являемся экспертами в Google Fonts и уже определились со шрифтом для нашего сайта, осталось его реализовать. Вы увидите, что это очень просто, независимо от типа вашего веб-сайта:
сначала мы заходим на веб-сайт Google Fonts и, найдя наш шрифт, нажимаем на него.
Выберите типографику Google FontsМы будем перенаправлены на другую страницу, где в правом верхнем углу выберем «Получить шрифт».
Установите Google Fonts в ИнтернетеПоскольку нам нужен код для встраивания его на наш веб-сайт, мы нажимаем «Получить код для встраивания».
Скопируйте HTML-код из Google FontsМы должны помнить, что чем больше стилей оформления мы выберем, тем больше времени потребуется для загрузки нашей страницы, поэтому я предлагаю использовать ограниченное количество и поддержание вашего оптимизированного веб-сайта. По умолчанию выбраны все стили, поэтому нажимаем «Изменить стили» и снимаем выделение с тех, которые нас не интересуют.
выберите стили типографики в Gogle FontsХотя существует база данных номеров whatsapp в грузии две возможности импортировать код на наш веб-сайт, обе очень похожие, рекомендуемым вариантом является «<ссылка>», поскольку он обеспечивает асинхронную загрузку и способствует более быстрой загрузке веб-сайта. Нажимаем «Копировать код», выбрав эту опцию.
код ссылки для вставки Google FontsПросто, правда? Что ж, теперь, когда у нас есть код Google Fonts для нашего шрифта, переходим к его установке. В зависимости от того, как разработан ваш сайт, мы выполним один из следующих методов.
Используйте Google Fonts на веб-сайте без CMS.
Мы открываем наш HTML-файл и вставляем код Google Fonts сразу после тега «<head>» и перед закрывающим тегом «</head>». Хотя код шрифта, вероятно, не такой, как у меня, в итоге у вас должно получиться что-то вроде этого:
Наконец, вы можете определить в файле «style.css», какой шрифт должен иметь каждый тип текста, как общее правило, с помощью правила
Использование Google Fonts на веб-сайте, созданном с помощью WordPress
В случае с WordPress у нас есть два варианта реализации Google Fonts : вручную и с помощью плагина. Вы можете выбрать тот, который вам наиболее удобен, исходя из ваших знаний.