Google шрифты для сайта кириллица: 15 шрифтов Google поддерживающих кириллицу

Содержание

15 шрифтов Google поддерживающих кириллицу

Google Fonts — это набор бесплатных универсальных шрифтов, которые подойдут для форматирования текстового контента сайта. В админку WordPress они могут загружаться в виде плагина Supreme Google Webfonts, который является наиболее удобным в данном случае. После добавления плагина в админку, в меню визуального редактора добавляется панель выбора шрифтов. Это очень удобно, так как не нужна никакая установка шрифтов и не нужно никаких дополнительных активаций. После того, как в визуальном редакторе появится список шрифтов, администратор сможет форматировать текст таким же простым образом, как и в текстовом редакторе, выделив нужный фрагмент и назначив ему определенный вид. Текст будет прописан выбранным шрифтом.

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

Roboto

Один из таких google шрифтов — это Roboto. Это довольно привлекательный тип шрифта. Буквы создают привлекательные очертания, благодаря которым можно сделать текстовые блоки с утонченной текстурой. Такой шрифт вполне удобен для чтения, а в заголовках он создает интересные детали, которые сразу же обращают на себя внимание пользователя.

Скачать шрифт

Open Sans

Ещt один шрифт — это Open Sans. На сайте Google Web Fonts шрифт доступен для свободного скачивания. Название этого шрифта будет звучать правильно с ударением на последний слог. Такой шрифт подойдут для выделения ключевых фраз в текстах, создания заголовков, названий разделов.

Скачать шрифт

Montserrat

Старые плакаты и вывески в традиционном районе Монтсеррат в Буэнос-Айресе вдохновили Джульетту Улановскую на разработку этого шрифта и спасение красоты городской типографии, появившейся в первой половине двадцатого века. Проект Монтсеррат начался с идеи спасти то, что находится на Монтсеррате, и освободить его под лицензией libre, SIL Open Font License.

Скачать шрифт

Roboto Condensed

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

Скачать шрифт

Oswald

Oswald – это еще один известный кириллический шрифт. Cегодня этот шрифт используют довольно часто. Он вполне читабельный и достойно смотрится, как в крупном, так и в мелком формате.

Скачать шрифт

Source Sans Pro

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

Скачать шрифт

Roboto Mono

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

Скачать шрифт

Noto Sans

Noto помогает сделать Интернет более привлекательным на всех платформах для всех языков. В настоящее время Noto охватывает более 30 сценариев и будет охватывать весь Unicode в будущем. Это без латинской, греческой и кириллической семьи. Он имеет обычный, полужирный, курсив и полужирный курсив стиль. Этот шрифт происходит от Droid, и, как Droid, у него есть семейство сестер с засечками, Noto Serif.

Скачать шрифт

Roboto Slab

Это семейство Roboto Slab, которое можно использовать вместе с обычным семейством Roboto и семейством Roboto Condensed.

В ноябре 2019 года семейство было обновлено с переменным шрифтом оси «Weight».

Скачать шрифт

Merriweather

Кириллический шрифт Merriweather — обычный тип шрифта. Большинство символов этого шрифта прекрасно отображаются на ЖК мониторах. По насыщенности этот шрифт просто отличный.

Скачать шрифт

Ubuntu

Неоднозначное название шрифта Ubuntu все-таки не может говорить о том, что данный шрифт чем-то плох. Шрифт привлекательный и представлен в одном стиле.

Скачать шрифт

PT Sans

Шрифт включает в себя стандартные западные, центральноевропейские и кириллические кодовые страницы. PT Sans основан на русских типах без засечек второй половины 20-го века, но в то же время имеет отличительные черты современного гуманистического дизайна. Семейство состоит из 8 стилей: 4 основных стиля, 2 стиля заголовков для небольших размеров и 2 стиля сужения для настройки экономического типа.

Скачать шрифт

Playfair Display

Это основное семейство с родственным семейством Playfair Display SC. Основные загруженные файлы шрифтов включают полный набор маленьких заглавных букв, общих лигатур и дискреционных лигатур. Обновлен в ноябре 2017 года с множеством небольших улучшений и дополнительной языковой поддержкой. Семейство было преобразовано в переменный шрифт в августе 2019 года.

Скачать шрифт

Open Sans Condensed

Шрифт Open Sans Condensed — шрифт из кириллического семейства шрифтов. Привлекателен, читаем, безупречен.

Скачать шрифт

PT Serif

PT Serif — это переходной шрифт с засечками с гуманистическими терминалами. Он разработан для использования вместе с PT Sans и гармонизирован по показателям, пропорциям, весам и дизайну. Семейство состоит из шести стилей: обычный и жирный шрифт с соответствующим курсивом образует стандартное семейство шрифтов для базовой настройки текста; два стиля надписи в обычном и курсиве предназначены для небольших размеров точек.

Скачать шрифт

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

Часто задаваемые вопросы

Что такое шрифты Google?

Google Fonts — библиотека более 800 свободно распространяемых шрифтов, интерактивный каталог для их просмотра, и прикладные программные интерфейсы для использования веб-шрифтов посредством и на Андроиде.

Какой лучший шрифт для цифр?

Важное правило при выборе правильного цифрового шрифта – убедиться, что он содержит равновысокие (lining) и табличные (tabular) цифры. Тогда каждое число будет занимать одно и то же горизонтальное пространство. Это одна из главных характеристик табличных цифр, известная как «duplexing», потому что она позволяет дизайнерам выделять отдельные строки жирным шрифтом, не нарушая при этом ширину колонки. Несколько примеров таких шрифтов: Noto Serif, PT Serif Caption, Old Standard TT.

Какой лучший шрифт для кириллицы?

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

Как добавить шрифт в Google Документы?

Чтобы добавить шрифты, выполните следующие действия: в нижней части списка нажмите Другие шрифты, выберите шрифт в открывшемся окне, затем нажмите на шрифт, чтобы добавить его в список «Мои шрифты», и если вам не удается найти нужный шрифт, воспользуйтесь поиском или меню Сортировать и Показать, далее нажмите ОК. Новые шрифты будут выделены в списке и доступны всем, кто работает над документом.

Рейтинг лучших шрифтов для сайта от Google

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

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

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

Для удобства мы составим рейтинги по разным критериям.

Самые популярные шрифты Google – топ 10 для всех языков

Roboto – самый популярный шрифт из имеющихся. Автор – Кристиан Робертсон, общее количество просмотров – более 15,1 биллиона раз (примерно 69 млрд. в неделю).
Open Sans – второй по популярности. Автор – Стив Мэттесон, общее количество просмотров – более 9,9 биллиона раз (примерно 30 млрд. в неделю).
Lato – качественный сбалансированный шрифт родом из Варшавы. Автор – Лукаш Дзедзич, общее количество просмотров – более 2,5 биллиона раз (примерно 10 млрд. в неделю).
Montserrat – классный кириллический шрифт в модернистском стиле из Буэнос-Айреса. Основной дизайнер – Джульетта Улановски, общее количество просмотров – более 1,5 биллиона раз (примерно 7,6 млрд. в неделю).
Oswald – отличный вариант переработанного «готического» шрифта. Основной дизайнер – Вернон Адамс, общее количество просмотров – более 1,4 биллиона раз (примерно 3,8 млрд. в неделю).
Roboto Condensed – «сжатый» Roboto, рассчитан на более естественный ритм чтения. Автор – Кристиан Робертсон, общее количество просмотров – свыше 1,3 биллиона раз (примерно 4,9 млрд. в неделю).
Source Sans Pro – интересный шрифт без засечек от Adobe. Разработан специально для пользовательских интерфейсов. Автор – Пол Д. Хант, общее количество просмотров – более 1,2 биллиона раз (примерно 4,7 млрд. в неделю).
Slabo 27px – шрифт фиксированной высоты, созданный специально для онлайн-рекламы. Автор – Джон Хадсон, общее количество просмотров – более 1 биллиона раз (примерно 166 млн. в неделю).
Raleway – тонкий и элегантный шрифт без засечек. Исходный автор – Мэт МакИнерни, общее количество просмотров – более 800 млрд. раз (примерно 2,9 млрд. в неделю).
Noto Sans JP – тот самый шрифт «без тофу», но специально для Японии. Входит в семейство одноимённых шрифтов, разработанных Google, общее количество просмотров – более 660 млрд. раз (примерно 14,2 млрд. в неделю).

Лучшие кириллические шрифты Google

Общий рейтинг – совсем не показатель для использования шрифтов на кириллических сайтах. Дело в том, что многие шрифты Google Fonts качественно отрисованы только для латинского алфавита, отдельные экземпляры подойдут только для арабицы и т.д.

Так как владельцам сайтов в России и странах СНГ будут интересны только шрифты, которые правильно работают с кириллицей, остановимся на них подробнее.

Сам рейтинг выглядит так:

Обратите внимание, что многие вебмастера, использующие кириллицу, отдают предпочтение шрифтам без засечек (об этом говорит приставка Sans). А в числе лидеров сразу несколько вариаций семейства шрифтов Roboto (стоит уточнить, что на 11 месте, не вошедшем в топ-10, ещё одна вариация – Roboto Slab).

Roboto – самый востребованный в России и в мире

Удивительно ритмичный шрифт, который корпорация Google показала в 2011 году вместе с 4 версией свой мобильной операционной системы (Android 4.0). Примечательно, что основным дизайнером выступил Кристиан Робертсон, который подарил миру Linux-систем оригинальный шрифт Ubuntu Titling. В 2014 году Робото был существенно доработан вместе с релизом Android 5.0.

В наборе сразу 12 разных стилей, все без засечек. Рекомендуемая пара «заголовок+основной текст» – Roboto и Open Sans.

Open Sans – отличный шрифт для печати, вэб-издательств и для мобильных платформ

Open Sans тоже был разработан по заказу Google, по времени – примерно вместе с Roboto (в 2010 году). Основной дизайнер – Стив Мэттесон. Количество стилей – 10 шт. Этот шрифт стал очень популярен в «плоском» дизайне, встречается на многих собственных сайтах Google, а также используется в CMS WordPress (в одном из стартовых шаблонов) и в популярном мессенджере Telegram.

Montserrat – идеальное сочетание геометрических форм для кириллицы

Исходный автор — Джульета Улановски, она разработала шрифт в 2010 году, вдохновившись духом старого Буэнос-Айреса. В 2017 году семейство шрифтов было переработано дизайнером Жаком Ле Байи. Позже Джульета Улановски вместе с другим дизайнерами возглавили проект Google по адаптации других популярных шрифтов для поддержки кириллицы.

Montserrat насчитывает 18 разных стилей. Рекомендуемая пара – Roboto.

Roboto Condensed – строгий и компактный шрифт

«Сжатый» Робото – это вариация основного семейства шрифтов Roboto с уменьшенным расстоянием между символами. Как и его старшие братья, подходит для печатного дела, а также для оформления веб-страниц (для заголовков и обычного текста).

Roboto Condensed имеет 6 стилей и отлично сочетается с другими шрифтами семейства Roboto, в том числе Roboto Slab.

Source Sans Pro – качественная версия открытого шрифта от Adobe

Source® Sans Pro – это первое семейство шрифтов от компании Adobe с открытым исходным кодом, было разработано Полом Д. Хантом в 2012 году. Это шрифт без засечек, предназначенный для работы в пользовательских интерфейсах.

Общее количество стилей – 6 шт. После этого семейства Adobe разработала и открыла доступ к другим своим шрифтам: Source Code Pro, Source Serif Pro, Source Han Sans, Source Han Serif. Их и стоит рассматривать в качестве сопутствующих к основному Source Sans Pro.

Oswald – красивый шрифт с переменным весом

Шрифт родился в качестве «альтернативной готики» без засечек. Oswald создавался свободными авторами, с 2011 года по 2014 над шрифтом взял шефство Вернон Адамс. В 2016 году в работу включились Калапи Гаджар и Алексеей Ваняшин, они реализовали поддержку кириллицы и завершили работу Вернона.

Лучшая пара для создания вэб-страниц – Open Sans.

Roboto Mono – моноширинный вариант популярного семейства шрифтов Roboto

В отличие от других представителей семейства, Roboto Mono лучше всего подходит для представления исходного кода, так как здесь явно выделены символы, которые можно перепутать при чтении: большая «i» и малая «L», цифра 1 и т.д. Знаки препинания существенно увеличены.

Этот стиль тоже поддерживает переменный вес. Отлично сочетается другими шрифтами семейства Roboto.

Raleway – самый элегантный шрифт без засечек

Разработан Мэттом Макинерни и поддерживается в настоящий момент сразу несколькими авторами. Любой может внести свой вклад в развитие этого шрифта на Github. Шрифт Raleway – это один из нескольких представителей семейства Raleway Dots.

Поддерживает переменный вес. Хорошо сочетается с Open Sans.

Noto Sans – популярный шрифт с поддержкой Unicode

Многие сталкивались с нечитаемыми символами на вэб-страницах, это так называемые коробочки «тофу». Если символа нет в шрифте, то браузер вместо него рисует специальный квадрат. Семейство шрифтов Noto было разработано Google специально для того, чтобы пользователи больше не видели «тофу», отсюда и название шрифта (англ. «no more tofu»). Шрифты семейства Noto используются не только на сайтах, но и в разработке различного программного обеспечения (например, они используются в LibreOffice, или доступны для загрузки на многих Linux-дистрибутивах).

Noto Sans – это шрифт без засечек, на выбор пользователю доступно 4 разных стиля. Лучший напарник на странице – Roboto.

PT Sans – самый популярный российский шрифт

PT Sans – это один из шрифтов семейства PT (сокращение от Public Type), в русском языке название шрифтовой системы звучит «Питер». Разработку спонсировала Роспечать в рамках специальной программы в честь 300-летия реформы русского алфавита.

PT Sans – универсальный шрифт без засечек, который будет удобен для использования в печатных изданиях, для оформления деловой переписки и для web-проектов. Включает в себя 4 стиля: Regular, Regular italic, Bold и Bold italic.

Избранные шрифты Google

Проект Google Fonts был запущен в 2010 году, как одна из инженерных инициатив. Бесплатные web-шрифты аудитория восприняла очень тепло. На тот момент с платформы можно было скачать всего 14 разных шрифтов. А сейчас речь уже идёт примерно об 1 тыс. различных семейств (из них пока чуть более сотни поддерживают кириллицу).

Использовать одни и те же шрифты на разных проектах – не самое разумное решение. Типографика – это целая наука. Профессиональные дизайнеры предпочитают экспериментировать с новыми образами и формами. Но обычные пользователи могут воспользоваться советами Google и обратить внимание на специальные подборки от дизайнеров IT-гиганта:

IBM Plex – семейство корпоративных шрифтов от команды IBM Brand & Experience (BX&D) в гротескном стиле. Отличный выбор для комплексного оформления современных печатных изданий и сайтов.
Суперсемейство шрифтов Superfamilies – специальная коллекция шрифтов с хорошей согласованностью стилей (с засечками и без них, для заголовков, выделения кода, цитат, обычного текста, вплывающих подсказок и т.д.). В подборку включены семейства Alegreya, Merriweather, Nunito, Roboto и Quattrocento.
Коллекция обновлённых шрифтов — 2016 Fonts Refresh. Сюда вошли многие популярные шрифты, которым Google добавила поддержку разных языков, в том числе кириллицу. В подборку вошли Rubik, Pacifico, Quicksand, Inconsolata, Cabin, VT323 и Nunito.

Идеальные шрифты для сочетания «Заголовок-Текст»

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

Заголовок – Cormorant Garamond, основной текст – Proza Libre.
Заголовок – Libre Franklin, основной текст – Libre Baskerville.
Заголовок – Trirong, основной текст – Rubik.
Заголовок – Work Sans, основной текст – Taviraj.
Заголовок – Eczar, основной текст – Gentium Basic.

Оригинальные дисплейные шрифты от Google

Дисплейные шрифты лучше всего работают с большими размерами и могут добавить выразительности и индивидуальности обработке заголовков.

Bungee
Rubik
Bungee Shade
Fruktur
BioRhyme
Monoton
Ewert
Gravitas One
Creepster
Black Ops One

Интересная подборка шрифтов с засечками, достойными помещения в заголовки

При правильной комбинации с основным текстом эти шрифты отлично будут смотреться в заголовках:

Scope One
Arvo
Lora (bold)
Bitter
Copse
Sanchez
Trocchi
Cutive
Slabo (27px и выше)
Vesper Libre

Лучшие кириллические шрифты для лендингов

Подборка ниже будет особо актуальна для формирования красивых и запоминающихся заголовков на посадочных страницах:

Rubik – лёгкий, свежий, не «как у всех» и без засечек.
Cormorant – с засечками, но в больших заголовках смотрится очень оригинально. Подойдёт в том числе для life-style проектов, а также для блогов.
Alegreya Sans – будет отлично смотреться в заголовках при начертании Bold.
Source Sans Pro – поможет организовать красивые и стильные лонгриды.
Playfair Display – изящный, контрастный и лаконичный шрифт с засечками. Справится практически с любыми заголовками.
Montserrat – подойдёт в качестве широкого шрифта для отдельных заголовков, хотя этот шрифт можно настроить и для основного текста.
Merriweather – будет хорошо смотреться на мобильных устройствах. Универсальный, эстетичный и серьёзный шрифт, точно сочетается с бизнес-тематикой.
Open Sans – всегда беспроигрышный вариант.
IBM Plex Sans – хорошо работает в компании с другими шрифтами из семейства Plex. Отлично показывает себя на IT-проектах.
Raleway – красивый шрифт с большим кеглем. С ним можно оригинально оформить страницу бренда, хотя Raleway легко подойдёт и для любых других тематик.

Какой шрифт выбрать для сайта

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

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

Шрифты Google – это лишь инструмент. Доступный, бесплатный, простой в настройке, но инструмент. Поэтому в неумелых руках он может скорее навредить, чем помочь. Настроить и интегрировать нужный шрифт на свой сайт сможет практически любой. Каких-либо особенных знаний не требуется, тем более сервис предоставляет подробные инструкции. А вот правильный выбор шрифта – очень ответственный шаг. И здесь лучше не ошибаться.

15 лучших шрифтов Google (по цифрам и не только)

На момент написания этой статьи в Google Fonts доступно 884 различных семейства. Это много, очень много! Именно поэтому, возможно, вам понадобится кто-то, чтобы подсказать лучшие варианты. Для начала выявим наиболее популярные шрифты – просто воспользуемся экспертным мнением публики, которая делала это до вас.

Google Analytics предоставляет полную статистику использования шрифтов. Вот так выглядит топ-10.

23 trillion total font views, and counting.
?https://t.co/g5dp3e622g pic.twitter.com/lePJIRgbIU
— Google Fonts (@googlefonts) August 7, 2018

Мы пойдём чуть дальше и добавим в этот список не только уже популярные шрифты, но и те, чья популярность растёт в геометрической прогрессии. Итак, 15 лучших шрифтов в Google Fonts выглядят следующим образом:

1. Roboto

Roboto – это предложение без засечек от Кристиана Робертсона, разработанное Google как системный шрифт для Android. В настоящее время он широко популярен и многократно появляется в аналитике Google Fonts. Сам Roboto находится на первом месте по популярности. Но Roboto Condensed также является шестым по популярности шрифтом, а Roboto Slab на 13-м месте!

2. Open Sans

Open Sans – это шрифт без засечек, разработанный Стивом Маттесоном. Google использует Open Sans на некоторых своих веб-сайтах, а также в своей печатной и веб-рекламе.

3. Lato

Ещё один вариант без засечек, на этот раз от Лукаша Джиджека. Не поддерживает русский язык.

4. Slabo 27px/13px

Slabo – это шрифт с засечками, разработанный Джоном Хадсоном из Tiro Typeworks. Уникальность этого шрифта заключается в том, что он специально разработан для использования в определенном размере – 27px или 13px в зависимости от ваших потребностей. Не поддерживает русский язык.

5. Oswald

Oswald – шрифт без засечек, первоначально разработанный Верноном Адамсом.

6. Source Sans Pro

Source Sans Pro – это шрифт без засечек от Пола Ханта, который был создан для Adobe и был первым шрифтом с открытым исходным кодом Adobe. Как вы поняли по картинке, курсив не поддерживает русский язык.

7. Montserrat

Montserrat – шрифт без засечек от Джульетты Улановски, которая живёт в одноименном районе Монтсеррат в Буэнос-Айресе. 18 стилей… есть из чего выбрать.

8. Raleway

Raleway – еще один шрифт с большим выбором стилей, созданный Мэттом Макинерни. Если вам нравится Raleway и вы ищете что-то уникальное, Raleway Dots предлагает подобный стиль с пунктирным подходом, который может работать для больших заголовков. Курсив не поддерживает русский язык

9. PT Sans

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

10. Lora

Lora – популярный шрифт с засечками, который хорошо работает как на вашем экране, так и в печати.

Бонусные и перспективные шрифты

Десять шрифтов выше – самые популярные Google Fonts. Но показывать только самые популярные варианты некошерно, поэтому ребята из Kinsta предлагают ещё один топ “молодых и перспективных”. Вот их фавориты, которые пока не доросли по цифрам до места в Google Analytics:

11. Noto Sans / Serif

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

12. Nunito Sans

Nunito Sans – это вариант без засечек, который быстро растет в популярности (его использование утроилось с прошлого года). Не поддерживает русский язык.

13. Concert One

Concert One – это закругленный гротескный шрифт, который отлично подойдёт для заголовков. Не поддерживает русский язык.

14. Prompt

Prompt – это предложение без засечек от тайской фирмы Cadson Demak. Не поддерживает русский язык.

15. Work Sans

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

Как видите. на платформе Google Fonts можно найти шрифт под любую задачу. Главное, не зацикливаться лишь на этом топе – ищите и экспериментируйте.

20 лучших шрифтов Google. Как их использовать?

Alla Rud

06.12.2019
4
16637
на прочтение 13 минут

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

Зачем использовать Google шрифты?

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

4 совета, как эффективно использовать шрифты Google

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

# 1 не используйте больше двух шрифтов

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

# 2 меньше шрифтов — лучше

Использование слишком большого количества шрифтов также может повлиять на производительность вашего веб-сайта или приложения. Поскольку сайт должен загружать слишком много шрифтов с серверов Google при каждой загрузке страницы, это может замедлить работу вашего проекта. В зависимости от типа веб-сайта или приложения, которое вы делаете, используйте всего 2–3 шрифта. Один для обычного текста и другой для жирного текста, а также курсива.

# 3 учитывайте размер

Размер шрифта, который вы используете в дизайне, очень важен. Например, 16pt-24pt — это обычный размер, используемый для основного текста в дизайне сайтов и блогов. При выборе шрифта не забудьте подобрать размер.

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

# 4 многоязычная поддержка

По данным Internet World Stats, только 25% интернет-пользователей используют английский язык. Есть миллиарды людей, которые используют другие языки. Даже если ваш сайт написан на английском языке, Google позволяет пользователям легко переводить текст на остальные языки. Однако он будет работать только в том случае, если используемый вами шрифт поддерживает язык пользователя. Поэтому обязательно выберите шрифт, который поддерживает языки вашей целевой аудитории.

Как создать пары шрифтов Google?

Пара шрифтов — это два (или более) шрифта, которые вы выбираете из коллекций Google Fonts для использования в своем дизайне. Платформа позволяет легко выбирать нужные шрифты при просмотре коллекции, а также легко управлять ними.

Чтобы выбрать пару шрифтов, все, что вам нужно сделать, это нажать на значок плюс (+) рядом со шрифтом, и он будет автоматически добавлен в качестве выбора. Затем вы можете нажать на плавающую панель справа, чтобы удалить шрифты из выделения, скопировать код для встраивания, чтобы установить шрифт на вашем веб-сайте, и выбрать размер. При выборе шрифта Google Fonts предложит сопоставить шрифты с выбранным шрифтом. Это облегчает создание пары шрифтов.

Как установить Google шрифты на ваш сайт?

После того, как вы выбрали шрифт и его размер в Google Fonts, вы можете установить его на свой веб-сайт, используя код встраивания.

Скопируйте код в разделе «Встроить шрифт», а затем вставьте его в заголовок своего веб-сайта. Включите его сразу после тега <head> для лучшей производительности.

Затем скопируйте код в разделе «Указать в CSS» и вставьте его в CSS-документ таблицы стилей вашего сайта. Например, если вы хотите, чтобы ваш основной текст и заголовки h2 использовали разные шрифты, вам нужно будет указать каждый шрифт отдельно в файле CSS.

Как использовать Google шрифты в WordPress?

Хотя большинство премиальных тем WordPress включают встроенную поддержку пользовательских шрифтов Google, в некоторых темах выбор шрифтов ограничен. Если вы хотите использовать Google Fonts в WordPress, вы все равно можете использовать метод, описанный выше. Но самый простой способ — установить плагин. Установка бесплатного плагина Easy Google Fonts позволит вам получить доступ к библиотеке Google Fonts, перейдя в «Внешний вид»> «Настройка» и затем в меню «Типография».

Шрифты Google для сайтов и приложений

Roboto

Тип шрифта: без засечек

Подходит для: основного текста

Roboto — один из самых популярных веб-шрифтов в библиотеке Google Fonts, который используется более чем 26 миллионами сайтов. Он имеет гладкий дизайн без засечек, что делает его отличным выбором для длинных абзацев и другого основного текста.

Montserrat

Тип шрифта: без засечек

Подходит для: основного текста и заголовков

Montserrat — это уникальный шрифт, который можно использовать как для заголовков, так и для основного текста. Он включает различные стили, начиная от тонких до экстра-жирного и черного. Шрифт также хорошо сочетается с Roboto.

Playfair Display

Тип шрифта: С засечками

Подходит для: Заголовки

Playfair Display — это стильный шрифт с засечками, который используется более 5 млн. веб-сайтов в Интернете. Шрифт наиболее подходит для оформления больших заголовков и заголовков.

Lora

Тип шрифта: С засечками

Подходит для: основного текста

Lora — один из лучших веб-шрифтов с засечками, доступных в Google Fonts. Это отличный выбор для основного текста новостных и корпоративных сайтов.

Karla

Тип шрифта: без засечек

Подходит для: основного текста

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

Merriweather

Тип шрифта: С засечками

Подходит для: основного текста и заголовков

Merriweather — еще один элегантный шрифт с засечками, обычно используемый в сочетании со шрифтом Lora. Этот шрифт идеально подходит как для заголовков, так и для основного текста, особенно для профессиональных и бизнес-сайтов.

Ubuntu

Тип шрифта: без засечек

Подходит для: Заголовки

Ubuntu — это шрифт по умолчанию, используемый в популярной операционной системе на базе Linux с таким же именем. Этот шрифт — отличный выбор для заголовков, особенно для блогов и журналов. Но все таки это не очень хороший выбор для основного текста.

Rubik

Тип шрифта: без засечек

Подходит для: Заголовки

Рубик имеет набор со стильными закругленными краями. Этот шрифт идеально подходит для заголовков на вашем сайте. Доступен в 5 стилях.

Source Sans Pro

Тип шрифта: без засечек

Подходит для: основного текста

Source Sans Pro — это профессиональное семейство шрифтов, разработанное и выпущенное компанией Adobe с открытой лицензией. С точки зрения дизайна, этот шрифт просто идеален и выглядит отлично в основном тексте.

Archivo

Тип шрифта: без засечек

Подходит для: Заголовки

Archivo — это шрифт без засечек, оформленный в стиле американских шрифтов XIX века. Шрифт наиболее подходит для заголовков и заголовков.

Asap

Тип шрифта: без засечек

Подходит для: основного текста и заголовков

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

Domine

Тип шрифта: С засечками

Подходит для: Заголовки

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

Space Mono

Тип шрифта: С засечками

Подходит для: Заголовки

Space Mono — это тип шрифта, который вы обычно видите на веб-сайтах, посвященных запуску технологий и программированию. Дизайн вдохновлен шрифтами, которые использовались в 1960-х годах. Он наиболее подходит для заголовков.

Poppins

Тип шрифта: без засечек

Подходит для: основного текста и заголовков

Poppins — это геометрический шрифт без засечек с элегантным монолинейным дизайном. Точный геометрический дизайн персонажей делает его подходящим как для заголовков, так и для основного текста. Шрифт также доступен в 9 различных стилях.

Work Sans

Тип шрифта: без засечек

Подходит для: Заголовки

Work Sans — это шрифт без засечек, который лучше всего работает в качестве шрифта заголовков. Единственным недостатком использования этого шрифта является то, что он не включает шрифт курсивом, хотя его “жирный” стиль очень привлекательный.

Nunito

Тип шрифта: без засечек

Подходит для: основного текста и заголовков

Nunito — это идеальный веб-шрифт для творческих проектов, поскольку он имеет уникальный округлый дизайн символов. Шрифт включает в себя 7 различных стилях и хорошо сочетается как с основным текстом, так и с заголовками.

Arvo

Тип шрифта: С засечками

Подходит для: основного текста и заголовков

Arvo — это шрифт с засечками, который можно использовать в профессиональных проектах веб-сайтов. Шрифт поставляется в 2 стилях и работает как для основного текста, так и для заголовков. Шрифт также лучше всего сочетается с Open Sans.

Oswald

Тип шрифта: без засечек

Подходит для: Заголовки

Освальд имеет узкую (или сжатую) конструкцию и поставляется в 6 различных весах. Лучше всего подходит для разработки заголовков для современных сайтов.

Oxyen

Oxygen — это шрифт без засечек, в котором есть набор уникальных символов. Этот шрифт не включает курсивные шрифты, что делает его лучшим вариантом для заголовков и заголовков.

Open Sans

Тип шрифта: без засечек

Подходит для: основного текста

Open Sans — это еще один популярный шрифт, используемый более чем 25 миллионами веб-сайтов. Этот шрифт является одним из лучших, когда речь идет об улучшении пользовательского опыта и читаемости.

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

Перевод с сайта designbombs.com

10 лучших шрифтов Google Fonts для заголовков сайта

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

В данной статье найдете подборку из 10-ти бесплатных шрифтов Google Fonts, которые идеально подойдут для оформления заголовков сайта. Они установлены во многих веб-проектах по всему миру. Материал является переводом этой заметки от Jake Rocheleau.

Если вы не ориентируетесь как именно подключать данную функциональность, можете глянуть пост о CSS стилях заголовков — там есть парочка примеров.

1. Montserrat

Начнем с Montserrat. Он неплохо работает в разных местах, но в заголовках — особенно хорош. Его часто используют для навигации: в заглавных или прописных буквах, с нестандартными разрядами и различными стилями плотности. Данный шрифт Google Fonts весит только 500 байтов, поэтому он невероятно легкий, что сейчас немаловажно.

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

2. Merriweather

Альтернативой плотным Google шрифтам с засечками является Merriweather, также подходящий для контента страницы. Его гарнитура хорошо смотрится в любом месте сайта, и привлекает внимание.

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

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

3. Josefin Sans

Josefin Sans — современный и классический, одинаково хорошо воспринимается и как шрифт джазовых эстрад 1950-х годов, и как шрифт первой страницы The New Yorker.

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

Некоторые сайты лучше смотрятся с тонкими шрифтами заголовков. И если вам нужен именно такой, рекомендуем Josefin Sans с его уникальным дизайном символов и разнообразием стилей.

4. Arvo

Еще один Google шрифт с засечками, который многим нравится, — Arvo. Он очень заметен при использовании в полужирном виде. Лучше всего Arvo работает в блогах и онлайн-журналах, так как за него цепляется взгляд.

Это один из самых сильных web шрифтов Google в данном списке, а его дизайн с засечками привлекает максимум внимания. Альтернативой может стать менее плотный Crete Round, но он не так эффективен, как Arvo.

5. Raleway

Raleway встречается на сайтах довольно часто. Выделяется своим оригинальным стилем и большим разнообразием вариаций.

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

6. Catamaran

Одним из новых Google шрифтов для сайта является Catamaran. Он предлагается с 9 значениями плотности — от тонкого до черного. Каждая символ имеет уникальный стиль, и это видно в более плотных вариантах. Используемые в заголовках, буквы реально сияют и выпрыгивают из страницы, напоминают материалы из подборки bold шрифтов.

Поскольку полужирные вариации очень темные, применять Catamaran нужно только в заголовках с большими размерами. Он неплохо выглядит практически в любом случае, но иногда создается ощущение слишком тяжелого и плотного шрифта.

7. PT Sans

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

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

8. Open Sans

Open Sans — небольшой, гибкий и очень чистый. Заслужил место в данной коллекции благодаря своей простоте и тому, что он является одним из наиболее быстро загружаемых во всей библиотеке бесплатных шрифтов Google Fonts.

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

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

9. Roboto Slab

В качестве четкого шрифта для заголовков с засечками попробуйте Roboto Slab. Его буквы не слишком плотные, а засечки не отвлекают читателя.

Многие предпочитают именно Roboto Slab вместо рубленого (называемого Roboto), поскольку этот вариант кажется более весомым и может оказать больше впечатления на читателя.

Хотя, в принципе, оба Roboto шрифта Google хороши, и вы не ошибетесь, выбрав любой из них. Они поддерживают стандартные символы кодировки Unicode.

10. Ubuntu

Бесплатный шрифт Ubuntu может использоваться практически везде. Он очень гибкий, и легкий, с малым временем загрузки. Закругленные кромки букв создают ощущение стройности и современности.

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

Заключение

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

Небольшая инструкция напоследок. Чтобы подключить нужный Font, нужно: 1) выбрать его, кликнув по кнопке «Select This Font»; 2) открыть вкладку «Family Selected», которая появится в нижней правой части экрана; 3) во всплывающем окне будет код вставки в ваш шаблон + некоторые настройки.

Если используете Вордпресс CMS в своем веб-проекте, то советуем почитать заметку про подключение шрифтов в WordPress, где также рассмотрен и метод с Google Fonts.

Учимся использовать шрифты гугл фонтс (Google Fonts)

Обычный человек выбирает, какой вкус чипсов подойдет к пиву. Гурман размышляет, какой сыр сочетается с вином. Дизайнер, конечно, думает, как подбор шрифта будет смотреться на одной странице лучше всего.

Сегодня мы будем использовать Google Font API как площадку для смешивания шрифтов и нахождения идеальных сочетаний.

Игра со шрифтами в области веб-разработки была в разгаре несколько лет назад. У каждого были идеи и решения. По-моему, дебаты окончены: победил @font-face.

Вот почему выигрывает @font-face. Во-первых, это чистое решение CSS, с которым могут согласиться разработчики. @font-face полностью поддерживает выделение текста и такие действия, как копирование и вставка. Это означает, что эксперты по юзабилити полюбят его.

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

Теперь и в самом мире @font-face есть много конкурентов. Лично мое любимое решение — использовать наборы @font-face FontSquirrel’s.

Я уже несколько раз использовал этот сервис подбора шрифтов, так что я хотел сегодня использовать что-то еще. С тех пор как Google Font Directory стал бесплатным и предлагает множество вариантов, похоже, что это очевидный выбор!

Есть несколько базовых правил, которые следует учитывать при подборе шрифтов.

Рассмотрите различные шрифты, относящиеся к одному семейству. Они были тщательно спроектированы, чтобы использоваться вместе.

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

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

Если ваш контент современный и профессиональный, придерживайтесь шрифтов, которые предполагают эти качества. Если он должен выглядеть, как что-то из начала XVIII века, Helvetica Neue Ultra Light, пожалуй, не самый лучший выбор.

Перейдите в Google Font Directory и поищите следующие варианты подбора красивых шрифтов.

Если вы раньше не работали с Google Font Directory, не волнуйтесь, это самое легкое решение для подбора шрифтов. Все что нужно сделать, это вставить ссылку в заголовок страницы и далее ссылаться на шрифт в CSS, как и в любом другом случае. Для каждой пары шрифтов, рассмотренной ниже, я предоставлю весь необходимый код. Вам останется его скопировать и вставить!

Lobster – мой любимый шрифт всех времен. Он полужирный и красивый, при этом остается вполне читабельным. Чего нет в других шрифтах. Затем выберите что-то простое и незамысловатое вроде Cabin.

HTML

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Cabin" rel="stylesheet">

CSS

h2 {
font-family: 'Lobster', Georgia, Times, serif;
font-size: 70px;
line-height: 100px;
}

p {
font-family: 'Cabin', Helvetica, Arial, sans-serif;
font-size: 15px;
line-height: 25px;
}

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

При подборе шрифтов для сайта комбинация Raleway и старого стиля Goudy Bookletter 1911 составляют высококлассную пару. Но Goudy слишком сложный для основного содержимого. Я определенно не захочу читать большую страницу, набранного этим шрифтом. Такая комбинация шрифтов лучше всего подходит для сценариев с минимальным количеством текста.

HTML

<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Goudy+Bookletter+1911" rel="stylesheet">

CSS

h2 {
font-family: 'Raleway', Helvetica, Arial, sans-serif;
font-size: 50px;
line-height: 70px;
}

p {
font-family: 'Goudy Bookletter 1911', Georgia, Times, serif;
font-size: 15px;
line-height: 25px;
}

Allerta — средне-жирный шрифт без засечек. Если вы не хотите чего-то скучного или безумного, это золотая середина. Он смотрится отлично и в заголовке, и в основном тексте.

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

HTML

<link href="https://fonts.googleapis.com/css?family=Allerta" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Crimson+Text" rel="stylesheet">

CSS

h2 {
font-family: 'Allerta', Helvetica, Arial, sans-serif;
font-size: 50px;
line-height: 55px;
}

p {
font-family: 'Crimson Text', Georgia, Times, serif;
font-size: 16px;
line-height: 25px;
}

Ни одна подборка не будет завершенной без хорошего шрифта с засечками.

В сервисе подбора шрифта Google Font Directory есть только пара таких, и Arvo сейчас один из самых жирных вариантов. Мне действительно нравится большая часть символов, но согласитесь, что “S” выглядит немного странно.

Я сочетал его с другим отличным шрифтом без засечек: PT Sans. Доступно несколько вариантов, но именно простая версия лучше всего подходит для основного текста.

HTML

<link href="https://fonts.googleapis.com/css?family=Arvo" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet">

CSS

h2 {
font-family: 'Arvo', Georgia, Times, serif;
font-size: 59px;
line-height: 70px;
}

p {
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 25px;
}

Рукописные шрифты трудно реализовать должным образом. Особенно когда они не так широко применимы, как Lobster. Dancing Script, показанный в примере выше, один из лучших в Google Font Directory.

Так как Dancing Script более женственный, чем Lobster, я совместил его с Joesfin, тонким шрифтом без засечек, чтобы продолжить этот стиль. Такая комбинация подходит для любых сайтов, ориентированных на женскую аудиторию.

HTML

<link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet">

CSS

h2 {
font-family: 'Dancing Script', Georgia, Times, serif;
font-size: 59px;
line-height: 60px;
}

p {
font-family: 'Josefin Sans', Helvetica, Arial, sans-serif;
font-size: 18px;
line-height: 25px;
margin-top: 15px;
}

Обычно я ненавижу шрифты для комиксов, но Allan притягивает взгляд. Мне нравится его жирный вариант и ощущение наклона.

При подборе красивых шрифтов сочетание с представителем старого стиля (Cardo) кажется конфликтом временных периодов, но мне понравилось, как эти шрифты смотрятся вместе. Можете заменить его легким шрифтом без засечек.

HTML

<link href="https://fonts.googleapis.com/css?family=Allan" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Cardo" rel="stylesheet">

CSS

h2 {
font-family: 'Allan', Helvetica, Arial, sans-serif;
font-size: 70px;
line-height: 75px;
}

p {
font-family: 'Cardo', Georgia, Times, serif;
font-size: 18px;
line-height: 25px;
}

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

HTML

<link href="https://fonts.googleapis.com/css?family=Molengo" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lekton" rel="stylesheet">

CSS

h2 {
font-family: 'Molengo', Georgia, Times, serif;
font-size: 56px;
line-height: 80px;
}

p {
font-family: 'Lekton', Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 25px;
}

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

HTML

<link href="https://fonts.googleapis.com/css?family=Droid+Serif" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Droid+Sans" rel="stylesheet">

CSS

h2 {
font-family: 'Droid Serif', Georgia, Times, serif;
font-size: 49px;
line-height: 65px;
}

p {
font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 25px;
}

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

Nobile более современный шрифт с удлиненной по вертикали формой букв. Минимальная стилизация данного варианта подбора шрифта удерживает внимание на жирных заголовках.

HTML

<link href="https://fonts.googleapis.com/css?family=Corben" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Nobile" rel="stylesheet">

CSS

h2 {
font-family: 'Corben', Georgia, Times, serif;
font-size: 40px;
line-height: 55px;
}

p {
font-family: 'Nobile', Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 25px;
}

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

Vollkorn — отличная от предыдущей гарнитура, которая отражает давно прошедшую эпоху. Еще раз повторяю, всегда соблюдайте осторожность при смешивании подобранных шрифтов для сайта из разных «эпох».

HTML

<link href='http://fonts.googleapis.com/css?family=Ubuntu:bold' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Vollkorn' rel='stylesheet' type='text/css'>

CSS

h2 {
font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
font-size: 50px;
line-height: 65px;
}

p {
font-family: 'Vollkorn', Georgia, Times, serif;
font-size: 16px;
line-height: 25px;
}

Расскажите, что нравится вам!

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

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

Пожалуйста, оставляйте свои отзывы по текущей теме материала. Мы очень благодарим вас за ваши комментарии, подписки, лайки, отклики, дизлайки!

Данная публикация является переводом статьи «10 Great Google Font Combinations You Can Copy» , подготовленная редакцией проекта.

75 лучших шрифтов на русском и английском

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

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

2. Yanone Kaffeesatz

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

3. BROZAS

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

4. Галактика

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

Кстати, Галактика – это разновидность готики. Если ищете лучшие русские шрифты в таком стиле, то переходите в нашу подборку готических шрифтов.

5. Gagalin

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

6. Calama

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

7. Доброзрачный

Шрифт, стилизованный под кириллицу средних веков. Идеальный кандидат на постер для фильма или вывеску ресторана русской кухни.

8. Лаптев

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

9. Misto

Новейший городской шрифт от украинского дизайнера. Выглядит как самый настоящий модерн. Находка для любителей такого стиля.

10. Инсектофобия

Декоративный стилизованный под природные мотивы русский шрифт. Подойдет для постеров, упаковок и заголовков. Не подойдет для оформления длинных текстов.

11. RBNo2

Создатели этого шрифта взяли за основу лучшие промышленные шрифты конца 19-го века. Хорошо цепляет взгляд в логотипах, заголовках и коротких текстах.

12. Comfortaa

Шрифт с округлыми буквами, предназначенный для крупных надписей – заголовок, вывесок и логотипов. Бесплатен как для личного, так и для коммерческого использования.

13. El Messiri

За основу для этого шрифта взята арабская письменность кистью. Мелкий текст, набранный El Messiri, легко читать, а крупные надписи с ним выглядят изящно.

14. IBM Plex

Нейтральный русский шрифт без засечек. Отлично читается в печатных материалах, на веб-страницах и мобильных интерфейсах.

15. 99% OCCUPY

Округлый шрифт без засечек, имитирующий написание фломастером или кистью. Хорошо смотрится в крупных надписях. Лучшие русские шрифты такого типа мы дополнительно собрали в статье-подборке рукописных шрифтов.

16. Gvozdi

Подойдет для текстов, где нужно выразить нервозность, подчеркнуть трагичность или серьезность ситуации.

17. HeinrichScript

Приятный шрифт на русском, который хорошо впишется в декоративные элементы — подарочные печатные материалы, посты в соцсети и другие.

18. Isabella-Decor

Округлые каллиграфические буквы возвращают в детство — к сказкам и историям. Такой шрифт можно использовать на тематических сайтах и в печати.

19. Capture it

Отлично подходит для коротких впечатляющих надписей — например, для афиши или мотивирующих плакатов.

20. RF Krabuler

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

21. AA Haymaker

Форма букв имитирует металлические заклепки и детали, напоминающие об эпохе средневековья. Будет красиво смотреться в заголовках и вывесках, но для длинных текстов его лучше не использовать.

22. Велес

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

23. Metropolis 1920

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

24. Журнализм

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

25. CocoBiker Regular-trial

Необычный минималистичный шрифт. Отлично вписывается в постеры и плакаты.

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

27. Ailerons

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

28. One Day

One Day — это шрифт с тонкими буквами от Nawras Moneer. В некоторых местах линии у букв прерываются, поэтому такой шрифт привлекает внимание и здорово будет смотреться в заголовках.

29. Cooper Hewitt

Лаконичный шрифт без засечек. Такие универсальные крутые шрифты используют для логотипов, баннеров и заголовков.

30. Aqua

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

31. Kolikö

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

32. Polya

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

33. Radnika

Такие универсальные и крутые шрифты как этот можно использовать в миллионах разных случаев: от оформления сайта до печатных документов. «Средний» стиль бесплатен для скачивания.

34. Modeka

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

35. Higher

Необычный декоративный шрифт с вытянутыми буквами. Хорошо подойдет для логотипов и заголовков.

36. Nordic

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

37. Komoda

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

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

39. Achi

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

41. Aroma

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

42. Boxing

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

43. Minimalust

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

44. Hyped

Идеальный шрифт в стиле постмодернизма, который подойдет музыкантам, модельерам и дизайнерам.

45. Metria

Крутой шрифт, похожий на черновые чертежи архитекторов и художников. Подойдет для оформления творческих пространств и портфолио.

46. Arenq

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

47. Fontaine

Шрифт, вдохновленный стилем ар-деко, детективными историями, винтажными заголовками и рекламой. Идеально подходит для написания названия фильма на постере.

48. Brassie

Крутой шрифт с засечками, которые не мешают ему оставаться совершенно современным.

49. Moka

Moka кажется нарисованной гелевой ручкой каллиграфией. Красивые вытянутые буквы хорошо подойдут для заголовков и декоративных целей.

50. Perfograma

Крутой шрифт-перфорация, который добавит объема и реалистичности любому дизайну. Несмотря на почтенный возраст (впервые шрифт был представлен в 1937 году), он до сих пор выглядит современно.

51. Ministry

Интересный шрифт без засечек с вытянутыми формами и необычными элементами на буквах.

52. Unik2

Крутой футуристический шрифт, вдохновленный темой космоса и Марса. Здорово смотрится в контексте технологий и минимализма.

53. Nagasaki

Смелый и очень сжатый шрифт. Запоминается с первого взгляда.

54. Hyperbola

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

55. Reckoner

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

56. Stoked

Массивный шрифт с крупными засечками и двойными линиями. Хорошо подойдет к заголовкам.

57. QG

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

58. Qontra

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

59. Disclaimer

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

60. Orkney

Стильный, современный и удобочитаемый шрифт, которым смело можно заменить поднадоевшую Гельветику в документах и на сайте.

61. Prime

Простой, но при этом крутой шрифт с простой формой букв. Хорошо читается и привлекает внимание.

62. Matey

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

63. Decurion

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

64. Blanka

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

65. Maddac

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

66. Leoscar

Изящный современный шрифт, который сочетает в одном наборе сразу два вида букв – с засечками и без. Оба варианта смотрятся красиво и необычно.

67. Amsterdam Superstar

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

68. Rodus

Крутой геометрический шрифт с закругленными углами букв. Очень вариативный — есть четыре стиля с разными начертаниями.

69. Distrito

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

70. Etna

Смелый и современный шрифт, который можно использовать для самых разных целей.

71. Intro

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

72. Manifesto

Минималистичный шрифт с необычным рисунком букв. По стилю Manifesto похож на французский модерн начала 20 века, поэтому хорошо подойдет к оформлению архитектурных и фешн-буклетов, листовок и плакатов. Отдельно обратите внимание на стильные цифры в шрифте.

73. Noir

Простой и удобный для чтения шрифт. Хорошо смотрится как сам по себе, так и в сочетании с современным дизайном на сайте или в постах для соцсетей.

74. Glober

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

75. Canter

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

Другие полезные материалы

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

Выбрали шрифт для логотипа? Воспользуйтесь инструментом Canva для создания логотипа в определенном стиле за несколько секунд с помощью искусственного интеллекта.

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

25 самых популярных шрифтов Google — 2020 — Masterpicks

Это 25 самых популярных бесплатных веб-шрифтов, доступных в Google Fonts.

25 самых популярных шрифтов Google — Google Fonts — это огромный бесплатный каталог избранных шрифтов с открытым исходным кодом, созданный командой Google и разработанный разработчиками шрифтов, дизайнерами и агентствами по всему миру. Он был основан в 2010 году. С тех пор он регулярно обновляется, и на момент написания этой статьи в нем было 980 шрифтов.

В этой статье мы собрали 25 самых популярных шрифтов Google за февраль 2020 года.

Робото от Кристиана Робертсона

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

Open Sans от Стива Маттесона

Open Sans — это гуманный шрифт без засечек, разработанный Стивом Маттесоном, директором по шрифтам Ascender Corp.Эта версия содержит полный набор 897 символов, который включает стандартные наборы символов ISO Latin 1, Latin CE, греческий и кириллический. Open Sans был разработан с прямым ударением, открытыми формами и нейтральным, но дружелюбным внешним видом. Он был оптимизирован для печати, Интернета и мобильных интерфейсов и имеет отличные характеристики разборчивости букв.

Лато Лукаш Дзедзич

При работе над Лато Лукаш пытался тщательно сбалансировать некоторые потенциально конфликтующие приоритеты.Он хотел создать шрифт, который казался бы довольно «прозрачным» при использовании в основном тексте, но отображал бы некоторые оригинальные черты при использовании в больших размерах. Он использовал классические пропорции (особенно заметные в верхнем регистре), чтобы придать формам букв знакомую гармонию и элегантность. В то же время он создал гладкий вид без засечек, что свидетельствует о том, что Lato был разработан в 2010 году, хотя он не следует какой-либо текущей тенденции.

Полукруглые детали букв придают Лато ощущение тепла, а прочная структура придает устойчивость и серьезность.«Мужчина и женщина, серьезные, но дружелюбные. С ощущением лета », — говорит Лукаш.

Освальд, Вернон Адамс

Освальд — это переработка классического стиля, исторически представленного шрифтами без засечек «Альтернативная готика». Персонажи Освальда были первоначально перерисованы и преобразованы, чтобы лучше соответствовать пиксельной сетке стандартных цифровых экранов. Oswald разработан для свободного использования через Интернет веб-браузерами на настольных компьютерах, ноутбуках и мобильных устройствах.

Робото Сжатие Кристиана Робертсона

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

ВАМ ТАКЖЕ МОЖЕТ ПОНРАВИТЬСЯ

Красивые веб-шрифты 2021

Slabo 27px от Джона Хадсона

Slabo — это набор шрифтов определенного размера для использования в онлайн-рекламе и других целях в Интернете.В настоящее время коллекция включает этот шрифт: Slabo 27px и Slabo 13px. Каждый шрифт в коллекции настроен для использования с размером пикселя в его имени.

Montserrat by Julieta Ulanovsky

Старые плакаты и вывески в традиционном районе Montserrat в Буэнос-Айресе вдохновили Джульетту Улановски на создание этого шрифта и спасение красоты городской типографики, появившейся в первой половине двадцатого века. По мере того, как городское развитие меняет это место, оно никогда не вернется к своей первоначальной форме и навсегда потеряет столь особенный и уникальный дизайн.Буквы, вдохновившие этот проект, наполнены работой, преданностью, заботой, цветом, контрастом, светом и жизнью, днем и ночью! Это те типы, которые делают город таким красивым. Проект Монтсеррат начался с идеи спасти то, что находится в Монтсеррате, и освободить его под свободной лицензией SIL Open Font License.

Source Sans Pro от Пола Д. Ханта

Source® Sans Pro, первое семейство шрифтов Adobe с открытым исходным кодом, было разработано Полом Д. Хантом. Это шрифт без засечек, предназначенный для работы в пользовательских интерфейсах.

Raleway by Multiple Designers

Raleway — это элегантное семейство шрифтов без засечек, предназначенное для заголовков и другого использования большого размера. Изначально спроектированный Мэттом Макинерни как единый тонкий гиря, в 2012 году Пабло Импаллари и Родриго Фуэнзалида расширили его до семейства из 9 гирь, а в 2012 году — iKerned Иджино Марини.

PT Sans by ParaType

PT Sans был разработан для проекта «Публичные типы Российской Федерации». Второе семейство проекта, PT Serif, также доступно.

Open Sans Condensed by Steve Matteson

Open Sans — это гуманный шрифт без засечек, разработанный Стивом Маттесоном, директором по шрифтам Ascender Corp. Эта версия содержит полный набор 897 символов, который включает стандарт ISO Latin 1, Latin CE, Наборы греческих и кириллических символов. Open Sans был разработан с прямым ударением, открытыми формами и нейтральным, но дружелюбным внешним видом. Он был оптимизирован для печати, Интернета и мобильных интерфейсов и имеет отличные характеристики разборчивости букв.

Roboto Slab от Кристиана Робертсона

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

Merriweather от Sorkin Тип

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

Lora от Cyreal

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

Ubuntu от Далтона Маага

Новое семейство шрифтов Ubuntu было запущено, чтобы дать возможность увидеть и почувствовать индивидуальность Ubuntu в каждом меню, кнопке и диалоговом окне. Шрифт без засечек, использует функции OpenType и намекается вручную для ясности на экранах настольных и мобильных компьютеров.

Noto Sans от Google

Noto помогает сделать Интернет более красивым на всех платформах и на всех языках. В настоящее время Noto охватывает более 30 сценариев и в будущем будет охватывать весь Unicode. Это семейство Sans Latin, Greek и Cyrillic. Он имеет стили Regular, Bold, Italic и Bold Italic и имеет подсказки. Он является производным от Droid и, как и Droid, имеет родственное семейство с засечками, Noto Serif.

Playfair Display от Клауса Эггерса Соренсена

Этот дизайн подходит для этого периода, и хотя он не является возрождением какого-либо конкретного дизайна, он основан на дизайне Джона Баскервилля и дизайне «шотландского романа».Являясь дисплеем (большого размера) в переходном жанре, функционально и стилистически он может сопровождать Грузию для основного текста.

Poppins от Indian Type Foundry

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

PT Sans Narrow by ParaType

PT Sans основан на русских шрифтах без засечек второй половины ХХ века, но в то же время имеет отличительные черты современного гуманистического дизайна.Семейство состоит из 8 стилей: 4 основных стиля, 2 стиля заголовков для небольших размеров и 2 стилей сужения для настройки экономичного типа.

PT Serif by ParaType

PT Serif — это переходный шрифт с засечками с гуманистическими терминалами. Он разработан для использования вместе с PT Sans и согласован по параметрам, пропорциям, весу и дизайну.

Arimo от Стива Маттесона

Arimo был разработан Стивом Маттесоном как инновационный, освежающий дизайн без засечек, который метрически совместим с Arial ™.Arimo предлагает улучшенные характеристики читаемости на экране и панъевропейский набор символов WGL, а также решает потребности разработчиков, ищущих шрифты, совместимые по ширине, для обеспечения переносимости документов между платформами.

Roboto Mono от Christian Robertson

Roboto Mono — моноширинное дополнение к семейству роботов Roboto. Как и другие члены семейства Roboto, шрифты оптимизированы для удобочитаемости на экранах самых разных устройств и сред чтения.Хотя моноширинная версия связана со своим кузеном переменной ширины, она без колебаний изменяет формы, чтобы лучше соответствовать ограничениям моноширинной среды. Например, к узким глифам, таким как «I», «l» и «i», добавлены засечки для более ровной текстуры, в то время как более широкие глифы скорректированы по весу. Изогнутые крышки, такие как «C» и «O», принимают более прямые стороны от Roboto Condensed.

Titillium Web от нескольких дизайнеров

Titillium родился в Академии прекрасных искусств в Урбино в качестве дидактического проекта «Дизайн курсового типа» мастера визуального дизайна Кампи Визиви.

Muli от Вернона Адамса

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

Nunito от Вернона Адамса

Nunito — это хорошо сбалансированное суперсемейство шрифтов без засечек, имеющее 2 версии: Проект начался с Nunito, созданного Верноном Адамсом как закругленный терминал без засечек для отображения типографики. Жак Ле Байи расширил его до полного набора весов и сопутствующей обычной версии терминала без закруглений, Nunito Sans.

«Список 25 самых популярных шрифтов Google» основан на аналитике — Google Fonts

Лучшие шрифты Google в 2021 году

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

Единственная проблема, с которой вы столкнетесь, — это выбор между ними. На момент написания на сайте было доступно 1052 семейства шрифтов.Итак, чтобы помочь вам начать работу, мы собрали небольшую подборку лучших шрифтов Google, доступных сегодня.

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

01. Space Mono

(Изображение предоставлено Томом Мэй)

Space Mono — это оригинальное семейство шрифтов с фиксированной шириной, разработанное для редакционного использования в заголовках и отображаемой типографии компанией Colophon Foundry. Его буквенные формы сочетают геометрическую основу с гротескными деталями, чтобы передать дух газетных заголовков 1960-х годов. Его функции включают в себя цифры в старом стиле, надстрочные и подстрочные цифры, дроби, символы валюты с высотой центра и высотой колпачка, стрелки направления и несколько стилистических альтернатив.