Как использовать Google Fonts для обновления вашего HTML

Один из основных вариантов дизайна, с которым люди сталкиваются при создании веб-сайта, — это выбор шрифтов для сайта. Google создал Google Fonts, библиотеку из 900 семейств шрифтов, которую каждый может добавить в свою систему и использовать. Библиотека является бесплатным ресурсом и легко реализуется через HTML, встраивая его в код вашего сайта.

Как искать шрифты Google

Библиотека Google Fonts очень велика и включает в себя различные типы шрифтов на более чем 130 языках. Поиск и выбор шрифтов прост.

Скриншот Google Fonts' search page.


  1. Перейти к fonts.google.com.


  2. Использовать фильтрация параметры справа для выбора категорий (с засечками, без засечек и т. д.), языков и других функций шрифтов.


  3. Найдя понравившийся шрифт, вы можете отрегулировать его размер и просмотреть дополнительные стили (полужирный, курсив и т. Д.), Нажав название шрифта.


  4. Выберите шрифт, нажав Выберите этот шрифт.

    Информация о дизайнере символов страницы шрифтов Google


Выбор и использование шрифтов из Google Fonts

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

Семейство выбранных страниц Google Fonts Вставить текст шрифта

Google Fonts обеспечивает копирование / вставку текста как для стандартного HTML, так и для CSS. Вы также можете нажать на ссылку их Руководство по началу работы для более подробных инструкций от Google.

Скорость просмотра и безопасность

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

Загрузка Google шрифтов

Ресурс Google Fonts позволяет легко загружать уникальные шрифты на веб-сайты, но есть также возможность загрузки шрифтов для использования на вашем персональном компьютере. Эти шрифты также можно использовать для разработки веб-сайтов или добавлять в такие продукты, как Adobe или Microsoft Office, для использования в документах. Все шрифты с открытым исходным кодом, предлагая красивые и уникальные шрифты для любого проекта.


  1. Ищите Google Fonts для вашего желаемого стиля.


  2. Нажмите Выберите этот шрифт на шрифт (ы), которые вы хотите скачать.


  3. Открыть Семья выбрана всплывающее окно с панели справа внизу.


  4. Нажмите на Скачать иконку в правом верхнем углу Семья выбрана окно.


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

Zip-файлы шрифтов Windows Explorer извлекают шрифты Google

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

Вид установки шрифтов Windows

Разнообразие и глубина в Google Fonts

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

Ссылка на основную публикацию