Один из основных вариантов дизайна, с которым люди сталкиваются при создании веб-сайта, — это выбор шрифтов для сайта. Google создал Google Fonts , библиотеку из 900 семейств шрифтов, которую каждый может добавить в свою систему и использовать. Библиотека является бесплатным ресурсом и легко реализуется через HTML , встраивая его в код вашего сайта.
Как искать шрифты Google
Библиотека Google Fonts очень велика и включает в себя различные типы шрифтов на более чем 130 языках. Поиск и выбор шрифтов прост.
-
Перейдите на страницу fonts.google.com .
-
Используйте параметры фильтрации справа, чтобы выбрать категории (с засечками, без засечек и т. Д.), Языки и другие функции шрифтов.
-
Найдя понравившийся шрифт, вы можете отрегулировать его размер и просмотреть дополнительные стили (полужирный, курсив и т. Д.), Щелкнув имя шрифта .
-
Выберите шрифт, нажав « Выбрать этот шрифт» .
Выбор и использование шрифтов из Google Fonts
Когда вы выбрали шрифт (ы), которые хотите использовать, и нажали « Выбрать этот шрифт», вы можете просмотреть выбранные шрифты во всплывающем меню « Выбранные семейства» в правом нижнем углу. Нажатие окна Выбранное семейство расширит ваши возможности добавления шрифта на ваш сайт.
Google Fonts обеспечивает копирование / вставку текста как для стандартного HTML, так и для CSS . Вы также можете щелкнуть ссылку на руководство по началу работы для получения более подробных инструкций от Google.
Browsing Speed and Security
Обеспокоены тем, как Google Fonts может повлиять на скорость или безопасность вашего сайта? Google вас охватил. Google Fonts на самом деле помогает продуктам и веб-страницам работать быстрее, кэшируя шрифты, не рискуя при этом конфиденциальностью или безопасностью пользователей. Код, сгенерированный Google Fonts, заставляет серверы Google отправлять наименьший возможный файл каждому пользователю на основе технологий, поддерживаемых их браузером.
Загрузка Google Шрифтов
Ресурс Google Fonts позволяет легко загружать уникальные шрифты на веб-сайты, но есть также возможность загрузки шрифтов для использования на вашем персональном компьютере. Эти шрифты также можно использовать для разработки веб-сайтов или добавлять в такие продукты, как Adobe или Microsoft Office, для использования в документах. Все шрифты с открытым исходным кодом, предлагая красивые и уникальные шрифты для любого проекта.
-
Ищите Google Fonts для вашего желаемого стиля.
-
Нажмите « Выбрать этот шрифт» на шрифте, который вы хотите загрузить.
-
Откройте всплывающее окно « Выбранная семья» на панели справа внизу.
-
Щелкните значок « Загрузить» в правом верхнем углу окна « Выбранное семейство»
На ваш компьютер будет загружен файл .zip со всеми доступными стилями этого шрифта.
Нажатие на один из этих файлов откроет окно, которое иллюстрирует шрифт и включает в себя кнопку Install в левом верхнем углу.
Разнообразие и глубина в Google Fonts
В Google Fonts есть как отдельные дизайнеры шрифтов, так и литейные, так что, скорее всего, вы найдете шрифт, который идеально подходит для вашего сайта или проекта. Наслаждайтесь созданием!