Программирование на Python и Objective-C в Mac OS

Программирование на Python и Objective-C под Mac OS и для iPhone / iPod Touch

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 Документы?

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

Читайте также:

Звездные войны: 15 бесплатных шрифтов из далекой, далекой галактики
15 бесплатных кириллических рукописных шрифтов
Леттеринг, шрифты и дизайн: 50 лучших примеров

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

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

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

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

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

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

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

  1. IBM Plex – семейство корпоративных шрифтов от команды IBM Brand & Experience (BX&D) в гротескном стиле. Отличный выбор для комплексного оформления современных печатных изданий и сайтов.
  2. Суперсемейство шрифтов Superfamilies – специальная коллекция шрифтов с хорошей согласованностью стилей (с засечками и без них, для заголовков, выделения кода, цитат, обычного текста, вплывающих подсказок и т.д.). В подборку включены семейства Alegreya, Merriweather, Nunito, Roboto и Quattrocento.
  3. Коллекция обновлённых шрифтов — 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 можно найти шрифт под любую задачу. Главное, не зацикливаться лишь на этом топе – ищите и экспериментируйте.

Читайте также:

Исследование: самые популярные шрифты у дизайнеров стартапов

Знакомьтесь, Brand New Roman — шрифт из знаменитых логотипов

В Creative Cloud появилось 665 новых шрифтов

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 для сайтов и приложений

  1. Roboto

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

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

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

  1. Montserrat

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

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

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

 

  1. Playfair Display

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

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

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

  1. Lora

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

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

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

  1. Karla

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

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

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

  1. Merriweather

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

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

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

  1. Ubuntu

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

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

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

  1. Rubik

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

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

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

 

  1. Source Sans Pro

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

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

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

  1. Archivo

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

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

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

  1. Asap

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

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

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

  1. Domine

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

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

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

  1. Space Mono

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

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

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

  1. Poppins

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

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

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

  1. Work Sans

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

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

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

  1. Nunito

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

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

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

  1. Arvo

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

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

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

  1. Oswald

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

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

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

  1. Oxyen

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

  1. 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-х годов. Его функции включают в себя цифры в старом стиле, надстрочные и подстрочные цифры, дроби, символы валюты с высотой центра и высотой колпачка, стрелки направления и несколько стилистических альтернатив.

02. Баклан

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

Баклан — это семейство дисплеев, разработанное Кристианом Тальманном. Хотя он вдохновлен наследием знаменитого шрифтового дизайнера Клода Гарамонта, в качестве эталона не использовался какой-либо конкретный шрифт, и большинство глифов было нарисовано с нуля. В настоящее время Cormorant содержит 45 файлов шрифтов, охватывающих 9 различных визуальных стилей и пять весов.

03. Work Sans

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

Work Sans — это семейство шрифтов, основанное на ранних гротесках, созданное в результате проекта австралийского шрифтового дизайнера Вей Хуанга.Хотя его можно использовать как в печати, так и в веб-дизайне, функции были упрощены и оптимизированы для разрешений экрана; например, диакритические знаки больше, чем при печати. Между тем, шрифты, близкие к крайнему весу, больше предназначены для использования на дисплеях. С 2020 года он был обновлен до семейства вариативных шрифтов.

04. Alegreya

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

Alegreya — это отмеченный множеством наград шрифт, изначально разработанный для литературы. Разработанный Хуаном Пабло дель Пераль для Huerta Tipográfica, он может похвастаться динамичным и разнообразным ритмом, который делает чтение длинных отрывков визуальным удовольствием.Делая тонкие ссылки на каллиграфию, это суперсемейство шрифтов (которое включает в себя семейства с засечками и без засечек) предлагает отличное сочетание стиля, авторитета и разнообразия.

05. Archivo Narrow

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

Archivo Narrow — это гротескное семейство шрифтов без засечек, предназначенное для одновременного использования в печатных и цифровых платформах. Лучше всего использовать для выделения и заголовков, это семейство произошло от Chivo и напоминает американские гарнитуры конца девятнадцатого века.Созданный Omnibus-Type для высокопроизводительной типографики, он поддерживает более 200 языков мира и включает в себя обычный, узкий и черный стили.

06. Anonymous Pro

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

Созданное Марком Симонсоном, Anonymous Pro — это семейство шрифтов фиксированной ширины, разработанное с учетом кодирования. Он дает символам, которые могут быть ошибочно приняты друг за друга (O, 0, I, l, 1 и т. Д.), Различные формы, чтобы их было легче отличить в контексте исходного кода. Кроме того, в обычный и полужирный стили встроены растровые изображения самых маленьких размеров (10-13 ppem.Он был вдохновлен Anonymous 9, бесплатным растровым шрифтом для Macintosh, разработанным в середине 90-х Сьюзен Леш и Дэвидом Ламкинсом в качестве более удобочитаемой альтернативы системному шрифту Macintosh фиксированной ширины Monaco.

07. Sora

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

Большая высота по оси x и большие счетчики Sora делают его отличным выбором для приложений и веб-интерфейсов, где ясность и эффективность при любом размере жизненно важны. Это семейство шрифтов было заказано одноименной японской компании, специалистам по блокчейнам, наиболее известным благодаря созданию первой в мире цифровой валюты центрального банка.Sora берет свое начало от эстетики низкого разрешения и ранней экранной типографики, не отягощая ностальгией.

08. Inter

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

Inter — это семейство изменяемых шрифтов с высокой высотой по оси x, чтобы улучшить читаемость отрывков из текста в смешанном и нижнем регистре. Предоставление контекстных альтернатив позволяет вам настраивать пунктуацию в зависимости от формы окружающих глифов, а также есть косой ноль, когда вам нужно устранить неоднозначность «0» от «o».Проект Inter возглавляет Расмус Андерссон, шведский разработчик программного обеспечения, проживающий в Сан-Франциско.

09. Rubik

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

Благодаря закругленным углам и низкому контрасту штрихов Rubik является одним из самых дружелюбных и гостеприимных шрифтов без засечек. Шрифт, разработанный Филиппом Хубертом и Себастьяном Фишерами из Hubert & Fischer, изначально был заказан Google для использования на выставке кубика Рубика. Семейство пяти букв с римским и курсивным стилями, у него также есть моноширинный родственный шрифт Rubik Mono One.

10. Fira Sans

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

Fira Sans призвана удовлетворить потребности в удобочитаемости для большого количества мобильных телефонов, различающихся качеством экрана и визуализацией. Разработанный для Mozilla FirefoxOS, проект возглавляет берлинская типографская компания Carrois. Семейство представлено в трех вариантах ширины, все они выделены курсивом, и включают вариант с моноширинным шрифтом.

11. Open Sans

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

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

12. Lato

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

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

13. Старый стандарт TT

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

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

14.Ubuntu

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

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

15. Vollkorn

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

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

Подробнее:

Топ-10 лучших шрифтов Google за все время

Повсюду используются

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

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

Сделайте так, чтобы ваш сайт WordPress загружался молниеносно, просто перейдя на Nestify. Перенесите свой магазин WooCommerce или веб-сайт WordPress СЕЙЧАС.

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

Вот 10 самых популярных шрифтов Google.

PT Sans Font

Шрифты общедоступного типа, из которых PT Sans является наиболее популярным, являются свободно распространяемыми шрифтами с открытым исходным кодом. На данный момент его просмотрели 428 миллиардов раз, а за последний год просмотрели более 95 миллиардов просмотров.

Разработан российским дизайнерским агентством ParaType. Это одна из самых популярных форм в Интернете. Они включают латинские и кириллические символы. У них есть 4 стиля.

Raleway Font

Разработанный несколькими дизайнерами, Raleway используется более чем 457 миллиардов пользователей по всему миру. В прошлом году этот шрифт использовали 142 с лишним миллиардов зрителей. Это на 14% больше, чем на по сравнению с 2017 годом. Raleway представлен на более чем 8 миллионах веб-сайтов.Поставляется с 18 стилями.

Montserrat Font

Один из самых быстрорастущих шрифтов за последнее время, Montserrat был разработан 4 разработчиками; Джульета Улановски, Соль Матас, Хуан Пабло дель Пераль и Жак Ле Байи.

591 миллиард просмотров за время его существования, и если это не впечатляет, рассмотрим 226 миллиардов просмотров за последний год. Это колоссальный рост на 40%. Этот шрифт определенно входит в число самых привлекательных.

Шрифт Source Sans Pro

Source Sans Pro — первое семейство шрифтов с открытым исходным кодом от Adobe. Он был разработан Полом Хантом. Это шрифт без засечек. Неудивительно, что этот шрифт скачали более 633 миллиардов раз. В прошлом году он собрал 188 миллиардов просмотров. Это рост на 14%. Имеет 12 стилей.

Roboto Font

Это миниатюрная версия популярного шрифта Roboto. Он содержит всего 6 стилей. Несмотря на это, он очень популярен.Он занимает 6-е место в топ-10 за последний год, то есть с 29 января 2018 г. по 29 января 2019 г.

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

Roboto Condensed за время своего существования собрал более 760 миллиардов просмотров. В прошлом году статистика на то же составила 220 миллиардов. Это незначительный рост — всего на 1% по сравнению с прошлым годом.Этот шрифт можно использовать с обычным семейством Roboto и семейством Roboto Slam .

Oswald Font

Вдохновленный шрифтами без засечек «Альтернативная готика», Oswald был разработан Верноном Адамсом. Он был запущен в 2011. В 2016 году Калапи Гаджар и Алексей Ваняшин обновили семейство шрифтов для поддержки кириллических символов. На данный момент около 900 миллиардов просмотров, это наверняка скоро превысит отметку в триллион. Он зарегистрировал рост на 6% по сравнению с прошлым годом.Количество просмотров в прошлом году превысило 201 миллиард. Это шрифт, который необходимо проверить, прежде чем выбирать окончательные параметры.

Slabo 27px Шрифт

Этот шрифт был разработан Джоном Хадсоном. Он является экспертом в области Unicode. Этот шрифт просмотрели более 950 миллиардов человек. У него только один стиль. По сравнению с прошлым годом он изменился на -60% на . Тем не менее, просмотров за прошлый год составили миллиардов 167 миллиардов. Это шрифты определенного размера.Они в основном используются в онлайн-рекламе и других целях в Интернете.

Lato Font

Занимающий третье место в нашем списке, этот шрифт был разработан разработчиком из Варшавы Лукашем Дзедзичем. Этот проект стартовал в 2010 году. С тех пор он собрал 1,3 триллиона просмотров. Lato — это шрифт без засечек. В прошлом году его просмотрели 434 млрд раз. Это рост на на 16%.

Open Sans Font

Этот второй по популярности шрифт был разработан Стивом Маттесоном.Это гуманистический шрифт без засечек. Имеет 10 стилей. Он оптимизирован для печати, мобильных устройств и веб-интерфейсов. Он имеет отличные характеристики разборчивости букв. Он разработан с вертикальным упором, открытыми формами и дружелюбным внешним видом. Его просмотрели колоссальные 5,6 триллиона раз. В самом прошлом году набрано 1,47 трлн просмотров. Это на 5% больше по сравнению с прошлым годом.

Roboto Fonts

Этот шрифт номер один на все времена имеет невероятные 6.3 триллиона просмотров с момента создания. Это говорит о его разборчивости и разнообразном применении. Имеет 12 стилей. Имеет механический каркас и геометрические шрифты. Он отличается дружелюбными и открытыми изгибами. Это дает более естественный ритм чтения. Его популярность растет. Об этом свидетельствуют его 2,93 триллиона просмотров в прошлом году. Это изменение на 36% на по сравнению с прошлым годом. Значительно, не правда ли?

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

Получите лучшее от шрифтов Google с комбинациями шрифтов

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

1. Предложение по сочетанию шрифтов от Google Fonts

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

2.

Предложение сочетания шрифтов от FontPair

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

Кредит изображения FontPair

Как самому создавать правильные комбинации шрифтов

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

  1. Визуальное разнообразие: Причина выбора нескольких шрифтов заключается в создании визуального разнообразия. Мы хотим, чтобы контент казался приятным для глаз. Правильная комбинация шрифтов позволяет добиться именно этого, выглядя визуально привлекательно. Таким образом, лучше выбирать шрифты, которые дополняют или контрастируют друг с другом, чем сочетать похожие шрифты.Помните о принципе визуального разнообразия, и вы будете на правильном пути при выборе пары шрифтов. Только не забывайте не доводить дело до крайности и не испортить свой дизайн. Баланс — это ключ, и вы это узнаете, когда видите это.
  2. Соединение с засечками и без засечек: Это классический способ, который никогда не подводит. Всегда работает сочетание шрифта с засечками и шрифта без засечек. Шрифты с засечками имеют обводки по краям букв, а шрифты без засечек — нет. Такой контраст выглядит визуально привлекательно.
  3. Пара с использованием суперсемейств: Согласно Google Fonts, суперсемейство — это набор гарнитур шрифтов, которые созданы для совместной работы в тесной гармонии. Вы можете использовать шрифты из этих суперсемейств для создания волшебного эффекта. Вот список суперсемейств в Google Fonts.

Примеры суперсемейств Google Fonts

Несколько вещей, которые нужно знать при использовании Google Fonts в WordPress

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

  1. Толщина шрифта:

Когда мы используем полужирный или обычный шрифт, мы имеем в виду толщину шрифта. Плотность шрифта варьируется от Extra Light до Extra Black. Каждый шрифт поддерживает различную толщину шрифта. Вес шрифта обычно выражается цифрами.Например, обычный номер представлен числом 400, а 700 — жирным шрифтом. Следующая диаграмма даст вам представление о том, как визуально отображаются разные веса шрифтов.

Различная плотность шрифта

Фото предоставлено: Оптимизация веб-шрифтов Автор Илья Григорик

2. Преимущества производительности:

Есть ли преимущества в производительности от использования Google Fonts? Действительно, есть. API Google Fonts предоставляет шрифты Google для браузера, а шрифты хранятся в кеше браузера, поэтому время загрузки сокращается.Более того, в настоящее время огромное количество веб-сайтов используют Google Fonts. Таким образом, ваши пользователи, скорее всего, будут иметь шрифт Google, который вы используете, в кеше их браузера. Это экономит вам важные серверные ресурсы вашего веб-сайта WordPress, поскольку вашему веб-серверу не нужно обслуживать файлы шрифтов. Помимо скорости, удобство обслуживания и доступность — два важных преимущества использования Google Fonts.

3. Доступность: Существует значительный процент пользователей Интернета с ограниченными возможностями.Если вы не примете во внимание их особые потребности, ваш контент, скорее всего, будет для них недоступен. Благодаря настройкам, предлагаемым Google Fonts, вы можете настроить свои шрифты так, чтобы они были доступны пользователям с ослабленным зрением. Вы можете найти полезные советы, которые сделают ваш контент более доступным на WebAim. Их инструменты проверки цветового контраста и проверки контрастности ссылок на основе цвета могут быть полезны, чтобы сделать ваш контент более доступным.

FAQ:

Можно ли использовать шрифты Google для печати?

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

Могу ли я использовать шрифты Google в коммерческих целях?

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

Как мне добавить шрифты Google на мой компьютер?

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

  1. Перейти в каталог Google Fonts
  2. Выберите нужные шрифты
  3. Вы можете добавить их в свою коллекцию
  4. Когда ваша коллекция будет готова, просто выберите «Загрузить».
  5. Это загрузит zip-файл на ваш компьютер. Разархивируйте его и извлеките шрифты в папку шрифтов в системном каталоге.
  6. Шрифты Google теперь доступны для использования на вашем компьютере. Вы можете использовать их в своих документах, заметках или презентациях.

Будет ли Google Fonts замедлять работу моего веб-сайта?

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

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

Какие шрифты Google самые лучшие?

Лучшие шрифты Google субъективны, у каждого они разные. Кроме того, есть из более чем 900 вариантов на выбор. Это немного затрудняет отбор лучших. Здесь мы рассмотрели лучшие шрифты Google. Вы можете проконсультироваться со своим специалистом по UI / UX, чтобы выбрать шрифт Google для вашего конкретного бизнеса.

Итак, это был наш взгляд на лучшие шрифты Google в 2019 году и то, как их использовать наилучшим образом. Вы узнали, какие шрифты Google самые популярные. Вы знаете, о чем следует помнить при использовании Google Fonts в WordPress. Теперь вы знаете о важности сочетания шрифтов и о том, как создать для себя лучшие комбинации шрифтов Google. Эта статья вам помогла? Поделитесь этим. Дайте нам знать в комментариях, если есть что-то еще, что вы хотите знать о Google Fonts

.

Сделайте так, чтобы ваш сайт WordPress загружался молниеносно, просто перейдя на Nestify.Перенесите свой магазин WooCommerce или веб-сайт WordPress СЕЙЧАС.

11 шрифтов Google для вашего следующего дизайна

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

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

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

А позже мы покажем вам, как использовать Google Fonts на своем веб-сайте.

11 шрифтов Google для вашего следующего дизайна

  1. Робото
  2. Освальд
  3. Open Sans
  4. Лато
  5. Поппинс
  6. Лора
  7. Рубик
  8. Монтсеррат
  9. Source Sans
  10. PT Sans
  11. Карла

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

Давайте прыгнем:

Разработано: Christian Robertson

Стили: 12

Посмотреть в действии:

С общим количеством просмотров более 5 триллиона (то есть с буквой t), Roboto на сегодняшний день является самым популярным и загружаемым шрифтом в библиотеке шрифтов Google.

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

Разработано: Vernon Adams

Стили: 6

Посмотреть в действии:

Oswald — дань уважения семейству шрифтов Alternate Gothic.Шрифт, созданный дизайнером Верноном Адамсом, постоянно обновлялся дизайнером до 2014 года, когда он попал в трагическую аварию, которая в конечном итоге унесла его жизнь.

Разработано: Steve Matteson

Стили: 10

Посмотреть в действии:

Open Sans происходит из семейства гуманистических шрифтов: шрифты, вдохновленные и основанные на каллиграфии эпохи Возрождения, напоминающие человеческий почерк.

Разработано: Лукаш Дзедзич

Стили: 10

Посмотреть в действии:

Еще один шрифт без засечек, на этот раз от дизайнера из Варшавы Лукаша Дзедзича.В обновлении, сделанном недавно, в 2014 году, у Lato слегка закругленные штрихи, что, по словам дизайнера, придает ему «ощущение тепла». Это отражено в его названии: «Lato» в переводе с польского означает «лето».

Внимательные читатели могут заметить, что этот шрифт используется по умолчанию в популярной теме WordPress Twenty Fourteen. Он также используется в Slack.

Разработано: Indian Type Foundry

Стили: 18

Посмотреть в действии:

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

Разработано: Cyreal

Стили: 4

Посмотреть в действии:

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

Разработано : Филипп Хуберт и Себастьян Фишер

Стили: 10

Посмотреть в действии:

Закругленные края и большие стойки Rubik придают ему дружеский вид.Первоначально этот шрифт был разработан Филиппом Хубертом и Себастьяном Фишером из Hubert & Fischer для проекта Google Chrome Cube Lab.

В 2015 году Меир Садан сделал редизайн на иврит, а в 2016 году — кириллицу.

Разработано: Julieta Ulanovsky

Стили: 18

Посмотреть в действии:

Montserrat — это шрифт без засечек, последний раз обновлявшийся в 2017 году. Этот шрифт, созданный в рамках проекта Kickstarter, был вдохновлен городской типографикой, которую можно найти на плакатах и ​​вывесках, найденных в доме Джульетты Улановски в районе Монтсеррат в Буэнос-Айресе.

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

Разработано: Пол Д. Хант

Стили: 12

Посмотреть в действии:

Source Sans Pro — это шрифт без засечек, который также является первым шрифтом Adobe с открытым исходным кодом для использования в пользовательских интерфейсах. Этот шрифт также невероятно популярен, и его используют более 4,3 миллионов веб-сайтов.

Разработано: ParaType

Стили: 4

Посмотреть в действии:

Этот шрифт без засечек изначально был разработан в рамках проекта «Публичные шрифты Российской Федерации», посвященного 300-летию восстания Петра Великого Булавина, потому что ничто так не говорит о «жестокой, пропитанной кровью истории России», как красивый шрифт. . Шрифт доступен как в латинице, так и в кириллице.

Разработано: Джонни Пинхорн

Стили: 4

Посмотреть в действии:

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

Как использовать Google Fonts

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

Мы рассмотрим два распространенных способа сделать это. Их:

Давайте начнем.

Размещение шрифта на вашем сервере

Google недавно объявил, что вам больше не нужно самостоятельно размещать шрифты Google, чтобы получить «font-display = swap», и это здорово!

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

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

Сначала перейдите на домашнюю страницу Google Fonts.

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

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

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

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

Ссылка на Google

Перейдите на домашнюю страницу Google Fonts.

Откройте нужные шрифты, нажав кнопку «+» рядом с ними.

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

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

Первое поле будет содержать код, который вы должны разместить в разделе «заголовок» HTML вашего веб-сайта.

Второе поле будет содержать код для размещения в файле CSS вашего веб-сайта.

Как только вы выполнили эти шаги, вуаля! Вы только что добавили шрифт Google на свой сайт.

БОНУС: Как использовать Google Fonts с WordPress

Если вы используете WordPress, все, что вам нужно, — это подходящий плагин.

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

Для этого выполните следующие действия:

  1. Перейдите в панель управления WordPress.
  2. Щелкните Plugins слева.
  3. Щелкните Добавить новый вверху.
  4. Найдите Easy Google Fonts. Это должен быть первый результат Titanium Themes.
  5. Щелкните Установить сейчас.
  6. После установки нажмите Активировать.

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

***

Ищете дополнительную информацию о шрифтах? Обязательно ознакомьтесь с этими статьями, чтобы получить больше советов:

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

10 лучших шрифтов Google Serif, используемых в 2021 году

Google Fonts упрощают использование текстовых веб-шрифтов для всех, включая профессиональных разработчиков и дизайнеров.Типографика — ключевой сегмент дизайна веб-сайтов, и решение о том, какой шрифт использовать, может иметь огромное влияние на то, насколько хорошо они будут восприняты. Ниже вы найдете список лучших шрифтов Google Serif, используемых в 2021 году, которые вам стоит попробовать. Кроме того, вы можете узнать, какие из 10 лучших шрифтов без засечек используются веб-дизайнерами в 2021 году.

Merriweather

Merriweather Serif Font

Merriweather, разработанный Соркин Тип, был создан для текста, на котором приятно читать экраны. Он включает в себя очень большую высоту по оси x, слегка сжатые буквы, умеренное диагональное напряжение, крепкие засечки и открытые формы.Merriweather Sans — это версия без засечек, которая хорошо сочетается с толщиной и стилем этого семейства. Шрифт Merriweather Serif Font представлен более чем на 2 900 000 веб-сайтов, а Google API отображал шрифт более 1,54 млрд раз за последнюю неделю.

Популярные пары с Merriweather:

  • Open Sans
  • Oswald
  • Montserrat
  • Lato
  • Roboto

Подробнее дизайнер из Амстердама, Нидерланды.Playfair — это переходный дизайн, представленный на более чем 3 700 000 веб-сайтов. Будучи дисплеем (большого размера) в переходном жанре, функционально и стилистически он может сопровождать Грузию для основного текста. Он был обновлен в ноябре 2017 года с множеством небольших улучшений и дополнительной языковой поддержкой.

Популярные сочетания с дисплеем Playfair:

  • Lato
  • Roboto
  • Raleway
  • Oswald
  • Open Sans Condensed

Подробнее пользователя Cyreal.Технически Lora Serif Font оптимизирован для отображения на экране и так же хорошо работает в печати. Lora — это шрифт с умеренным контрастом, подходящий для основного текста. Абзац, набранный в Lora, будет выглядеть великолепно из-за его зачесанных кривых по сравнению с начальными засечками. Общий типографский голос Лоры отлично передает настроение современного рассказа или художественного эссе. Лора очень популярна и представлена ​​на более чем 1 500 000 веб-сайтов.

Популярные пары с Lora:

  • Open Sans
  • Lato
  • Raleway
  • Montserrat
  • Roboto

Узнать больше

PT Serif

PT Serif Font

, главный дизайнер PT Serif Font

. в 1998 году в качестве преемника шрифтового отдела ParaGraph International.Шрифты включают стандартные западные, центральноевропейские и кириллические кодовые страницы, а также символы всех языков заголовков в Российской Федерации. Он разработан для использования с PT Sans и согласован по параметрам, пропорциям, весу и дизайну. Семейство состоит из шести стилей: обычный шрифт и полужирный шрифт с соответствующим курсивом образуют стандартное семейство шрифтов для базовой настройки текста; два стиля заголовков — обычный и курсив — используются мелким шрифтом. PT Serif представлен на более чем 1 000 000 веб-сайтов и занимает заслуженное место в списке лучших шрифтов Google Serif.

Популярные сочетания с PT Serif:

  • Open Sans
  • PT Sans
  • Roboto
  • Source Sans Pro
  • Oswald

Подробнее

Noto Serif

550 Featured Font и более

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

Популярные сочетания с Noto Serif:

  • Noto Sans
  • Inconsolata
  • Open Sans
  • Lato
  • Roboto

Подробнее

Bitter

Bitter Serif Matas Font 9000ta4Этот шрифт специально разработан, чтобы легко и приятно читать на любом компьютере или устройстве. У биттера мало вариаций в толщине штриха, а у обычного шрифта толще, чем у обычного «обычного» стиля для полиграфического дизайна. Это создает интенсивный цвет в абзацах, подчеркнутый засечками, толщиной с штрихи с квадратными концами. Каждый глиф тщательно разработан с отличным качеством кривой, добавленным на первом этапе дизайна, полностью выполненным в пиксельной сетке.

Гарнитура сбалансирована и вручную разнесена для использования очень небольшого количества пар кернинга, особенно для использования веб-шрифтов, поскольку большинство браузеров в настоящее время не поддерживают эту функцию.Bitter представлен на более чем 710 000 веб-сайтов, а Google API отображал шрифт более 309 миллионов раз за последнюю неделю.

Популярные сочетания с биттером:

  • Open Sans
  • Source Sans Pro
  • Roboto
  • Lato
  • Oswaldo

Узнать больше

Arvo

Arvo Serif Font

Главный разработчик Arvo Serif Font

. На финском языке Арво означает «число, ценность, ценность». Учитывая, насколько много программирования было вовлечено в это, это значение также имеет значение.Arvo — это семейство геометрических шрифтов с плоскими засечками, подходящих для трафаретной печати и печати. Этот вид текстового стиля шрифта довольно смешанный, почти монолинейный для большей читабельности. Arvo представлен на более чем 700 000 веб-сайтов, и этот вид Serif является самым популярным в США.

Популярные сочетания с Arvo :

  • Open Sans
  • Lato
  • Roboto
  • Oswald
  • Raleway

ПодробнееЭто семейство шрифтов специально создано для книжного производства в традициях красивых старинных гарнитур. Crimson Text представлен на более чем 450 000 веб-сайтов и очень популярен в США.

Популярные сочетания с малиновым текстом:

  • Open Sans
  • Lato
  • Raleway
  • Roboto
  • Lora

Подробнее

Libre Baskerville

Libre Baskerville разработал шрифт.Libre Baskerville — это веб-шрифт, оптимизированный для основного текста (обычно 16 пикселей). Он основан на Baskerville от американского основателя шрифтов 1941 года, но имеет более высокую высоту по оси x, более широкие стойки и несколько меньшую контрастность, что позволяет ему отлично работать с чтение с экрана.

Libre Baskerville представлен на более чем 3 000 000 веб-сайтов, и Google API отображал шрифт более 263 миллионов раз за последнюю неделю, а Google API отображал шрифт более 263 миллионов раз за последнюю неделю.

Популярные пары с Libre Baskerville :

  • Poppins
  • Lato
  • Roboto
  • Oswald
  • Playfair Display

Узнать больше

Cormorant Garamond

Cormorant, имя которого — Серифалд Гарамонд,

Баклан, создатель Serifl. это бесплатное семейство дисплеев.Этот вид Serif представлен более чем на 2 000 000 веб-сайтов и является самым популярным в США. В настоящее время проект содержит 45 файлов шрифтов, охватывающих 9 различных визуальных стилей (Roman, Italic, Infant, Infant Italic, Garamond, Garamond Italic, Upright Cursive, Small Caps и Unicase) и 5 ​​начертаний (Light, Regular, Medium, SemiBold и Bold). ).

Популярные сочетания с Libre Baskerville :

  • Lato, Roboto
  • Playfair Display
  • Oswald
  • Raleway

Подробнее Fonts, Google Fonts, Serif fonts

10 Google Fonts, которые вы должны знать

Прекратите просматривать страницы и не отставайте от этого списка из 10 удивительных шрифтов Google, о которых вы определенно должны знать!

С Google Fonts довольно просто использовать веб-шрифты, но поиск идеального шрифта для определенного проекта может потребовать много времени.Все шрифты на платформе могут использоваться как для личных, так и для коммерческих проектов, но огромное количество шрифтов Google может быть ошеломляющим и серьезным — многие из них не являются тем, что мы бы вам рекомендовали. Чтобы сэкономить много времени при просмотре и фильтрации огромного количества бесплатных шрифтов, вот список из 10 шрифтов Google, которые вы обязательно должны знать. Чтобы внести ясность: мы не хотим сказать, что это лучшие шрифты Google, которые вы можете найти, и эта статья не предназначена для того, чтобы вывести вас в десятку лучших бесплатных шрифтов.Наша цель состояла в том, чтобы показать вам выбранный набор шрифтов, которые подходят для разных проектов. Итак, вот наша подборка из 10 шрифтов Google, которые вы можете внедрить в самые разные веб-проекты и дизайнерские проекты.

Open Sans

Разработанный Стивом Маттесоном, директором по шрифтам Ascender Corp, Open Sans — это гуманный шрифт без засечек. Шрифт в основном характеризуется прямым ударением, открытыми формами и дружелюбным, вполне современным внешним видом. Набор символов включает 897 символов для поддержки всех распространенных латинских, греческих и кириллических систем письма.Он доступен в 5 вариантах начертания плюс соответствующие варианты курсива. Благодаря отличной читаемости Open Sans является отличным выбором для интерфейсов печати, Интернета и мобильных устройств. Популярные пары с Open Sans — Roboto, Lato, Oswald, Raleway и Montserrat.

Подробнее здесь: fonts.google.com/specimen/Open+Sans

Open Sans

Noto Serif

Издаваемый непосредственно Google Fonts, Noto (здесь, чтобы увидеть его японское издание с засечками) стремится поддерживать все языки мира! Впечатляет, не правда ли? Noto Serif JP поставляется со стилями Extra-Light, Light, Regular, Medium, Semi-Bold, Bold и Black.Популярными сочетаниями с Noto Serif JP являются Open Sans, Raleway, Lato, Montserrat и Oswald. Вы можете загрузить все семейство шрифтов Noto по адресу google.com/get/noto

.

Подробнее о Noto Serif JP здесь: fonts.google.com/specimen/Noto+Serif+JP

Noto Serif

Roboto

Шрифт Кристиан Робертсон разработал двойной шрифт Roboto. С одной стороны, семейство шрифтов характеризуется механической структурой, и все формы букв в основном геометрические. С другой стороны, Roboto имеет довольно дружелюбный и открытый вид.В этом семействе имеется широкий спектр стилей, включая Тонкий, Светлый, Обычный средний, Полужирный, Черный и соответствующий курсив, и он отлично подходит как для печати, так и для экрана. Его обычное семейство можно использовать вместе с Roboto Condensed и Roboto Slab, а также с Open Sans, Lato, Montserrat, Raleway и Oswald.

Подробнее здесь: fonts.google.com/specimen/Roboto

Робото

Воллкорн

Vollkorn — это элегантное семейство шрифтов с засечками. Его обычный стиль был первой попыткой шрифтового дизайна Фридриха Альтхаузена, который был опубликован в 2005 году под лицензией Creative-Commons-License.Шрифт быстро приобрел большую популярность, и всего за два года его скачали тысячи раз. Сегодня Vollkorn доступен в виде бесплатного шрифта Google с 4-мя начертаниями (обычный, полужирный, полужирный и черный) плюс соответствующий курсив для каждого веса. Благодаря темным и мясистым засечкам его можно использовать как для проектов печати, так и для веб-дизайна. Популярные пары с Vollkorn — это Lato, Open Sans, Roboto, Oswald и Ubuntu.

Подробнее здесь: fonts.google.com/specimen/Vollkorn

Воллкорн

Maven Pro

А вот еще один шрифт без засечек.Семейство шрифтов Maven Pro было разработано Джо Принсом для Интернета. Этот современный шрифт отличается уникальными изгибами и плавным ритмом. Из-за отсутствия курсива мы рекомендуем это семейство в первую очередь для заголовков и только для коротких разделов. Он включает 4 толщины (Обычный, Средний, Полужирный и Черный). Популярными сочетаниями с Maven Pro являются следующие шрифты Google: Open Sans, Roboto, Montserrat, Playfair Display и Oswald.

Подробнее здесь: fonts.google.com/specimen/Maven+Pro

Maven Pro

PT Моно

PT Mono от ParaType предназначен для форм, таблиц, рабочих листов и т. Д.Основанный только на одинаковой ширине символов, PT Mono — идеальный бесплатный шрифт для создания сложных документов. На данный момент PT Mono состоит только из одного стиля Regular. Он был разработан Александрой Корольковой в сотрудничестве с Изабеллой Чаевой при дружественной поддержке Google Web Fonts. Популярные сочетания включают PT Sans, PT Serif, Open Sans, Roboto и Ubuntu.

Подробнее здесь: fonts.google.com/specimen/PT+Mono

PT Mono

Инди-цветок

По сравнению с 6 вышеупомянутыми гарнитурами здесь происходит нечто совершенно иное.Indie Flower, созданный Кимберли Гесвайн, представляет собой удобный рукописный шрифт с беззаботным и открытым видом. Ничего страшного для длинных редакционных статей, но Indie Flower хорошо смотрится в цитатах или на поздравительных открытках. Людям часто нравится сочетать его с Open Sans, Lato, Oswald, Roboto и Raleway.

Подробнее здесь: fonts.google.com/specimen/Indie+Flower

Indie Flower

Исходный код Pro

Созданный шрифтовиком Полом Д. Хантом, Source Code Pro является дополнением к Source Sans. Как следует из названия, эта моноширинная версия предназначена для приложений кодирования.Он содержит 7 начертаний (Extra-Light, Light, Regular, Medium, Semi-Bold, Bold и Black), что нетипично для кодирующего шрифта. Таким образом, Source Code Pro также является отличным выбором для множества дизайнерских приложений. Он также поддерживает различные языки, и в будущих выпусках ожидается добавление поддержки греческих и кириллических шрифтов, курсива и некоторых других функций. Так что следите за обновлениями. Популярными сочетаниями с Source Code Pro являются Open Sans, Roboto, Montserrat, Lato и Playful Display.

Подробнее здесь: шрифты.google.com/specimen/Source+Code+Pro

Исходный код Pro

Cardo

В настоящее время поддерживает три стиля (Обычный, Обычный курсив и Полужирный), Cardo был разработан Дэвидом Перри. Это шрифт Unicode, специально созданный для классиков, библеистов, медиевистов и лингвистов. Кроме того, вы также можете использовать его для общего набора и всех приложений, которые требуют сложного «старого стиля». Cardo имеет множество типографских функций, таких как лигатуры, текстовые фигуры (известные как цифры старого стиля), несколько знаков пунктуации и пробелы.Он часто используется в сочетании с Open Sans, Lato, Raleway, Roboto и Playful Display.

Подробнее здесь: fonts.google.com/specimen/Cardo

Cardo

Зыбучие пески

И последнее, но не менее важное: это Quicksand, семейство дисплеев без засечек с закругленными концами. Этот шрифт, созданный дизайнером Эндрю Паглинаваном в 2008 году, был создан для демонстрационных целей. Благодаря отличной удобочитаемости его также можно использовать для текста небольшого размера. Зыбучие пески включают 4 толщины (светлый, обычный, средний и жирный).В 2016 году Эндрю и Томас Джокин изменили шрифт, чтобы улучшить его качество. Популярные пары включают Open Sans, Roboto, Lato, Montserrat и Raleway.

Подробнее здесь: fonts.google.com/specimen/Quicksand

Quicksand

Это был наш список из 10 шрифтов Google, которые вы должны знать. Тем, кто ищет другие гарнитуры, рекомендуем ознакомиться с нашей категорией «Шрифты». Наши давние читатели знают и ценят наш широкий спектр обзоров шрифтов.

30 лучших шрифтов Google в 2021 году

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

Чтобы помочь вам выбрать идеальный шрифт для вашего веб-сайта, откройте для себя 30 лучших шрифтов Google в 2021 году .

18 лучших шрифтов Google без засечек в 2021 году

1.

Робото

Roboto — самый загружаемый шрифт на веб-сайте Google Fonts, и нетрудно понять, почему. Чистый, стильный и умный, в то же время профессиональный и дружелюбный, Roboto является шрифтом по умолчанию для Android и Chrome OS, а также в системе Material Design от Google.Roboto прост и удобочитаем для использования в Интернете и на мобильных устройствах.

2.

Лато

Lato — семейство шрифтов sanserif, разработанное варшавским дизайнером Лукашем Дзедзичем. Полукруглые детали букв придают Лато ощущение тепла, а прочная структура обеспечивает стабильность и серьезность.

3.

Open Sans

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

4.

Освальд

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

5.

Source Sans Pro

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

6.

Монтсеррат

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

7.

Raleway

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

8.

PT Sans

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

9.

Roboto Condensed

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

10.

Поппинс

Poppins , созданный Indian Type Foundry, представляет собой привлекательный геометрический шрифт без засечек для использования в тексте или контекстах отображения. Это также первый шрифт в нашем списке, поддерживающий систему Деванагари, которая используется более чем на 150 языках, включая хинди и санскрит.

11.

Noto Sans

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

12.

Ubuntu

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

13.

Work Sans

Work Sans — это семейство шрифтов, основанное на ранних гротесках, таких как работы Stephenson Blake, Miller & Richard и Bauerschen Giesserei. Обычный вес и другие в середине семейства оптимизированы для использования текста на экране среднего размера (14–48 пикселей), а также могут использоваться в полиграфическом дизайне.Шрифты, близкие к экстремальной плотности, больше предназначены для демонстрационного использования как в Интернете, так и в печати.

14.

Nunito Sans

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

15.

Fira Sans

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

16.

Зыбучие пески

Quicksand — дисплей без засечек с закругленными концами. Проект был инициирован Эндрю Паглинаваном в 2008 году с использованием геометрических форм в качестве основы. Он предназначен для демонстрации, но достаточно удобочитаем для использования в небольших размерах. В 2016 году в сотрудничестве с Эндрю он был тщательно переработан Томасом Джокином для повышения качества. В 2019 году Мирко Велимирович преобразовал семейство в вариативный шрифт.

17.

Дозировка

Dosis — очень простой однолинейный шрифт без засечек с закругленными углами. Мы хотим, чтобы у вас была некоторая свобода в том, как должны выглядеть буквы, поэтому мы объединили Dosis с несколькими альтернативами, которые вы можете использовать, чтобы ваш текст выглядел так, как вы хотите. Вы можете получить доступ ко всем из них, выбрав «Стилистические альтернативы» в Photoshop, или активировать один за другим, используя стилистические наборы от 1 до 5 в InDesign.

18.

Titillium Web

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

12 лучших шрифтов Google Serif в 2021 году

19.

Merriweather

Merriweather Эбена Соркина обеспечивает оптимальную читаемость на экранах. Большая x-высота Merriweather повышает удобочитаемость шрифта, что делает его пригодным для использования в длинных текстах, а также для заголовков и заголовков. В настоящее время Merriweather имеет 8 стилей: светлый, обычный, жирный, черный, светлый курсив, курсив, жирный курсив, черный курсив.

20.

Дисплей Playfair

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

21.

Лора

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

22.

PT Serif

PT Serif — второе семейство пан-кириллических шрифтов, разработанное для проекта «Публичные шрифты Российской Федерации». Первое семейство проекта, PT Sans, было выпущено в 2009 году. PT Serif разработан для использования вместе с PT Sans и согласован по параметрам, пропорциям, весу и дизайну.

23.

Source Serif Pro

Source Serif Pro — это шрифт с засечками переходного стиля, разработанный для дополнения семейства Source Sans Pro. Тесное сотрудничество между шрифтами Serif и Sans достигается за счет тщательного соответствия пропорций букв и типографского цвета. Source Serif основан на работах Пьера Симона Фурнье, и многие особенности, характерные для дизайна Фурнье (например, нижние засечки на b или средние засечки на w), также встречаются в Source Serif.Не будучи чисто историческим возрождением, Source Serif берет реплики Фурнье и переделывает их для современной эпохи.

24.

Арво

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

25.

Малиновый текст

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

26.

Zilla Slab

Zilla Slab — это основной шрифт Mozilla, используемый для словесного знака Mozilla, заголовков и всего их дизайна. Современный плоский шрифт с засечками, основанный на Tesla от Typotheque, имеет плавные изгибы и истинный курсив, что придает тексту неожиданно утонченный индустриальный вид и удобство использования при любом весе.

27.

IBM Plex Serif

IBM Plex — международное семейство шрифтов, разработанное Майком Аббинком (Mike Abbink), IBM BX&D, в сотрудничестве с Bold Monday, независимым голландским производителем шрифтов. Plex был разработан, чтобы передать дух и историю IBM, а также продемонстрировать уникальные отношения между человечеством и машиной — основной темой для IBM с начала века

.

28.

Libre Baskerville

Libre Baskerville — это веб-шрифт, оптимизированный для основного текста (обычно 16 пикселей.Он основан на Baskerville от American Type Founder 1941 года, но у него более высокая x-высота, более широкие счетчики и немного меньшая контрастность, что позволяет ему хорошо работать при чтении с экрана.

29.

Slabo 27px

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

30.

EB Garamond

EB Garamond — это отличный классический Garamond. Это общественный проект по возрождению знаменитых гуманистических шрифтов Клода Гарамона середины 16 века. Эта цифровая версия полностью воспроизводит оригинальный дизайн Клода Гарамонта: источником букв является сканирование образца, известного как «образец Бернера», который был составлен в 1592 году Конрадом Бернером, зятем Кристиана Эгенольфа и его преемник в типографии Egenolff.

Заключение

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

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

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

Ваш адрес email не будет опубликован.