Гугл шрифты русские: Самые лучшие Гугл шрифты для сайта или ПК – ТОП 15

Содержание

Fonts Plugin | Google Fonts Typography — Плагин для WordPress

The Google Fonts library currently contains 998 unique fonts. This plugin allows you to easily use any of them on your WordPress website.

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

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

Найдя понравившуюся комбинацию, вы можете щёлкнуть на «Сохранить» и опубликовать изменения.

Полную библиотеку Google Fonts можно найти здесь — Шрифты Google.

Возможности плагина
  • Предпросмотр во время настройки. Выбирайте и просматривайте шрифты в режиме реального времени с помощью настройщика WordPress.
  • Over 1000+ Google Fonts to choose from.
  • Adobe Fonts (Typekit)
    integration.
  • Работает с любой темой WordPress. Не требуется написание кода.
  • Простые обновления в один щелчок.
  • Поддержка переводов.
  • Совместимость с SSL и HTTPS.
  • Эффективная загрузка шрифтов одним запросом.
  • Совместимость с SEO (поисковой оптимизацией).
  • Tested with PHP7.
  • Selective Font Loading.
  • Preconnect Resource Hints.
  • Host Google Fonts Locally.
  • Upload Custom Fonts.
  • Font Size, Weight, Color and Line Height Typography Settings.

Note: some features are Premium. Which means you need to upgrade to unlock those features. You can upgrade here: Fonts Plugin Pro

A comparison of free and pro features.

Совместимость плагина

Fonts Plugin will work with all WordPress themes and has been specifically tested with the following:

  • Все темы StudioPress и Genesis
  • Twenty Seventeen
  • Twenty Nineteen
  • Twenty Twenty
  • ThemeGrill
  • LyraThemes
  • ThemeIsle

Прочитайте

For more info on Fonts Plugin, check out the following:

Ошибки

If you find an issue with Fonts Plugin, let us know here!

Fonts Plugin Gutenberg Block

Добавьте немного изюминки в ваше содержимое с нашим новым блоком для Gutenberg.

  • 1000+ Google Fonts available in the editor.
  • Font size, variant and line-height settings.
  • Выравнивание текста: слева, справа или по центру.
  • Adobe Fonts (Typekit) support.
Внесение вклада

Anyone is welcome to contribute to Fonts Plugin.

Вы можете внести свой вклад различными способами:

  1. Укажите проблему
  2. Translate the Fonts Plugin into different languages
  3. Оставьте отзыв или предложение по улучшению
  • Быстрый предпросмотр — шрифты Google для WordPress
  • Поиск настроек — шрифты Google для WordPress
  • Настройка насыщенности и стиля оформления шрифта

Этот плагин предоставляет 1 блок.

Upload Fonts Plugin, activate it, and you’re done!

Navigate to wp-admin -> Appearance -> Customize and you will see a new tab named ‘Fonts Plugin’

Will my theme work with Fonts Plugin?

Мы на 99,99 % уверены в этом. Если нет, то обратитесь в службу поддержки.

«Fonts Plugin | Google Fonts Typography» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники

Важно! — Неверное отображение кириллических Гугл-шрифтов

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

На скриншоте четко видно, что надписи на английском (Home page, e-mail) отображаются красивеньким OpenSans, в то время как все остальное заменяется банальным TimesNewRoman.
Проблема заключается в том, что при формировании кода, отвечающего за подключение гугл-шрифтов, функционал тем (даже официальных тем от woothemes) добавляет только латинскую секцию, забывая (игнорируя) кириллицу.
Для Вутика (wootique) я подключал русские гугл-шрифты так:
Нашел файлик wp-content\themes\wootique\functions\admin-functions.php
Там есть строчка

PHP:

$output .= '<link href="http'. ( is_ssl() ? 's' : '' ) .'://fonts.googleapis.com/css?family=' . $fonts .'" rel="stylesheet" type="text/css" />'."\n";
заменил ее на

Код:

$output .= '<link href="http'. ( is_ssl() ? 's' : '' ) .'://fonts.googleapis.com/css?family=' . $fonts .'&subset=latin,cyrillic" rel="stylesheet" type="text/css" />'."\n";
По факту добавилось &subset=latin,cyrillic
то есть подключение кириллического и латинского наборов символов вместо поумолчанческого латинского.
По поиску «fonts.googleapis.com» можно найти аналогичные строки и в любых других темах.
Наверное, все это можно сделать, и не лезя в код темы, а просто через functions.php. Если кто знает как, или сможет реализовать — плюсик в карму

К слову, в список гугл-фонтов можно добавлять и другие. Для этого надо сначала выбрать интересующий нас шрифт на google.com/fonts, и затем вставить в тот же admin-functions.php в секцию «Available Google webfont names» после объявления $google_fonts = array( (у меня это строчка эдак 1500) конструкцию типа

PHP:

array( 'name' => "Roboto", 'variant' => ':r,b,i,bi'),
, где Roboto — это название интересующего шрифта; r,b,i,bi — это необходимые начертания.

Ув. Админы-Модераторы, поскольку проблема встречается в 80% из новых сайтов, представляемых на форуме, плиз оптимизируйте мой пост под поисковую выдачу — для яндекса и внутреннего поиска. Чтобы искать проще было, на что ссылку давать.

Учимся использовать шрифты гугл фонтс (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» , подготовленная редакцией проекта.

Google Fonts | Slider Revolution

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

, с удобным функционалом слайдера, это сделать не просто, а проще некуда! Итак, в первую очередь идем на официальный сайт шрифтов Google Fonts и выбираем любой понравившийся шрифт.

1. Жмем — быстрое использование.

2. Это имя шрифта (запишите его), оно нам понадобится позже.

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

Теперь идем в консоль WordPress и жмем на шрифты слайдера Slider Revolution (4).

Жмем далее (5).

А теперь, в открывшемся окне, вставляем ранее скопированные имена шрифта.

6. Здесь вставляем имя шрифта (2).

7. Здесь вставляем имя шрифта, скопированное из кода (3).

Жмем Add Font. Вуаля. Шрифт от Google Fonts добавлен.

Теперь его можете лицезреть и использовать при редактировании Slider Revolution (8).

Он добавлен в семейство шрифтов (9).

 

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

Понравилась статья? Не жадничай, расскажи друзьям в социальных сетях! Возможно, они мучаются над этой проблемой… 

А чтобы первыми узнавать о свежих статьях блога — подпишись и узнаешь первым об этом по почте!

30 очаровательных сочетаний шрифтов Google, которые идут рука об руку (одобрено дизайнером)

19 минут на прочтение

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

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

Очевидно, что вы хотите, чтобы он соответствовал идентичности вашего бренда и в то же время был эстетичным.

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

Хорошая новость в том, что наша цель — помочь вам избежать такой реакции:

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

Или вы можете сразу перейти к той части, где мы покажем вам лучшие комбинации.

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

1. Общие сведения о категориях шрифтов

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

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

2. Пара шрифтов из одних и тех же семейств

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

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

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

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

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

Семейство без засечек состоит из гротеска, неогротеска, геометрического, гуманистического, квадратного.

Стили семейства шрифтов: формальный, повседневный, каллиграфический, черный и ломбардный.

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

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

Это просто означает, что вам нужно создать визуально сбалансированную иерархию.

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

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

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

30 пар шрифтов для использования в вашем дизайне

1. Montserrat Black & Raleway Regular

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

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

У семьи Монсеррат есть еще две версии: Alternates и Subrayada. У Alternates все буквы более округлые, а Subrayada (что на испанском означает подчеркнутое) работает в заголовках, так как напоминает экранный шрифт, который привлекает внимание любого зрителя.Таким образом, вы можете создать красивую пару шрифтов Montserrat, не выходя из этого семейства шрифтов.

Если вы ищете что-то еще и хотите идеальное сочетание шрифтов Google, смешайте этот классический шрифт с гарнитурой Raleway.

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

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

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

2. Lobster & Open Sans Regular

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

Шрифт Lobster — это формат OpenType (что означает, что он масштабируемый и предлагает поддержку международного набора символов) с многочисленными вариантами одной и той же буквы, который автоматически предлагает сотни лигатур и вариантов для любой платформы, поддерживающей эти форматы.

Поскольку шрифт Lobster идеально подходит для заголовков, но затрудняет чтение длинного текста, вы можете сочетать его со шрифтом Open Sans.

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

Помимо различного веса, Open Sans имеет альтернативу Condensed, которая может работать с заголовками.

3. Ubuntu Bold и Nanum Gothic

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

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

И чтобы добавить еще одну пару к успешным комбинациям шрифтов Google, смешайте шрифт Ubuntu с Nanum Gothic.

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

Nanum Gothic является частью шрифтов Nanum, которые содержат набор высококачественных шрифтов Unicode, разработанных для корейского алфавита (хангыль), которые также поддерживают латынь.

4. Bebas Neue & Source Sans Pro

Bebas Neue был разработан Ryoichi Tsunekaw с чистым, сжатым стилем для букв, что делает этот шрифт идеальным для заголовков.

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

Упакуйте его с Source Sans Pro и получите тот вид справедливости, к которому мы все стремимся в наших текстах.Он позитивно притупляет сильную атмосферу Bebas Neue.

Source Sans Pro — это шрифт без засечек, разработанный Полом Д. Хантом. Это безопасный и подходящий вариант для длинных текстов. А когда вы добавите пару шрифтов Bebas Neue, вы произведете впечатление на всех.

5. Arvo и Roboto Regular

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

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

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

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

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

6. Монотон и Рубик

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

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

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

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

Высокодекоративный шрифт Monoton отлично сочетается со шрифтом Rubik без засечек.

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

Шрифт

Rubik имеет моноширинную альтернативу Rubik Mono One, которая может быть вашим другим выбором для сильного заголовка.

7. IBM Plex Sans Bold и IBM Plex Sans Condensed

IBM Plex — это семейство шрифтов, разработанное Майком Аббинком и Bold Monday, независимой голландской литейной компанией.

Семейство шрифтов Plex прекрасно описывается как нечто, демонстрирующее уникальные отношения между человечеством и машиной.

Итак, если вы ищете лучшие сочетания шрифтов и вам нужен шрифт, который имеет цифровой вид, но чрезвычайно доступный и адаптируемый, выберите любой вариант из семейства шрифтов IBM Plex.Их четыре: IBM Plex Sans, Plex Serif, Plex Mono и Plex Sans Condensed.

Вы даже можете выбрать два из них и создать одну из лучших пар шрифтов Google. Я решил сочетать Plex Sans Bold в его смелом стиле с IBM Plex Sans Condensed, и результат оказался весьма привлекательным.

8. Courgette & Libre Baskerville

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

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

Изящный вид шрифта Courgette можно смешать со шрифтом Libre Baskerville и создать великолепное сочетание шрифтов Google.

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

Если вам нужно простое, но стилизованное сочетание шрифтов Google, это безопасный выбор.

9. Roboto Black и Roboto Mono Light

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

Вот одно восхитительное сочетание шрифтов: Roboto Black для запоминающегося заголовка, а также Roboto Mono Light для основного текста.

Вы получите неподвластный времени текст на бумаге, напечатанный на пишущей машинке: легко читаемый, который трудно забыть.

10. Abril Fatface & Work Sans

Abril Fatface — это современный шрифт с засечками, разработанный Вероникой Буриан и Хосе Скаглионе. Это идеально пропорциональный шрифт для заголовков со смелым дизайном, но при этом элегантными и мягкими изгибами.

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

Такой красивый шрифт можно легко сочетать с Work Sans, чтобы сохранить округлый, пышный стиль текста в целом.

Разработанный Вэй Хуанг, шрифт Work Sans немного вдохновлен ранними шрифтами Grotesque, оптимизированными как для цифровых, так и для печатных материалов.

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

11. Merriweather Black & Lora Regular

Merriweather — это шрифт с засечками, разработанный Sorkin Type. Несмотря на характеристики шрифта с засечками, буквы этого шрифта слегка декорированы, что делает их удобочитаемыми для более мелких и длинных текстов на экране.

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

Вы также можете выбрать Merriweather Sans, если вы поклонник шрифтов без засечек.

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

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

12. Roboto Mono Bold и Spectral Light

Еще одна привлекательная пара шрифтов Roboto — это когда вы помещаете их вместе со шрифтом Spectral в его Light-формате.

На этот раз я выбрал вариант Roboto Mono Bold, который по-прежнему хорошо подходит для повышения читаемости на различных устройствах с экраном и при печати.

Благодаря моноширинному дополнению к семейству Roboto любой заголовок выглядит как комбинация цифрового текста с классическим написанным на пишущей машинке текстом.Это связано с добавлением засечек на «I», «l» и «i», в то время как более широкие глифы, такие как «C» и «O», сужены, чтобы соответствовать моноширинной среде.

Roboto Mono уделил особое внимание глифам, которые используются при написании исходного кода программного обеспечения. Например, цифра «1», строчная «l» и заглавная «I» легко различимы, равно как и ноль и буква «O».

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

Разработанный Production Type, Spectral — это шрифт с засечками, созданный для придания красивого и элегантного вида длинным текстам в любой среде.

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

13. Oswald Bold и Nunito Semibold

Oswald — это шрифт без засечек в стиле шрифта Alternate Gothic и его еще более старого предшественника, Franklin Gothic.

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

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

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

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

Другая версия этого шрифта — Nunito Sans, с более прямыми линиями букв.

14. Перманентный маркер и ABeeZee

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

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

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

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

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

15. Archivo Black & Hind

Archivo Black — это шрифт для заголовков. Он даже изначально был разработан специально для них.

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

Вы найдете шрифт Archivo в двух вариантах: Archivo и Archivo Narrow. Если вы хотите связать заголовок Archivo Black с одним из этих двух, вы получите отличную комбинацию шрифтов.

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

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

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

16. Gravitas One & Poppins

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

Gravitas One был разработан Sorkin Type, вдохновленный шрифтами в стиле Fat Face, которые использовались для рекламных плакатов во время промышленной революции в Англии.

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

Poppins — это геометрический шрифт без засечек, разработанный Indian Type Foundry, который отлично работает со шрифтом Gravitas One.

Закругленные буквы

Poppins создают чрезвычайно универсальный эффект для вашего текста, легко и приятно читаемый.И сочетание шрифтов с Gravitas One действительно на высоте.

17. Alfa Slab One & Chivo

Alfa Slab One — это шрифт, разработанный Дж. М. Соле, с жирным жирным шрифтом. Вы найдете этот шрифт только в его плотности черного, поскольку это шрифт с яркой индивидуальностью, подходящий для заголовка, который предназначен для того, чтобы его видели, а не упускали из виду.

Шрифт Alfa Slab One может стать отличным сочетанием шрифтов с Chivo, новым гротескным шрифтом без засечек, разработанным Omnibus-Type Foundry.Это еще один шрифт с символами, но если вы используете его в обычной форме, он может усилить смелость вашего текста, а не отвлечь внимание от заголовка Alfa Slab One.

В письмах

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

18. Дочь архитектора и Авель

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

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

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

19. Fjalla One & Merriweather Sans

Fjalla One — это дисплейный шрифт без засечек, разработанный Sorkin Type.Его сжатый, смелый вид идеально подходит для любого экрана и печати, что означает, что он может работать в различных размерах. Из-за характеристик дисплея Fjalla One лучше всего использовать в заголовках.

Merriweather Sans — это шрифт, который можно выбрать для основного текста в сочетании с Fjalla One. Этот также разработан типом Соркина, и это идеальный выбор для основного текста, так как он легко читается даже в небольшом размере.

Merriweather Sans — это полуконденсированный шрифт без засечек со слегка закругленными буквами, который прекрасно контрастирует с Fjalla One.

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

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

20. Rokkitt Black & Raleway

Дизайн

Rokkitt был инициирован Верноном Адамсом, и он имеет характеристики геометрического плоского шрифта с засечками (также известного как египетские шрифты).

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

Может также использоваться в более обширных текстах, но в обычном формате.

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

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

Еще одна отличная альтернатива — использовать отображение точек Raleway для заголовков в сочетании с шрифтом Raleway без засечек.

21. Poiret One Bold & Didact Gothic

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

Дизайн Дениса Машарова, Poiret One — это шрифт, который можно использовать в своей смелой вариации для заголовка, элегантный геометрический гротеск, стильный и декоративный напоминает нам о периоде ар-деко. Я бы сказал, что он идеально подходит для любителей винтажных шрифтов.

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

Этот шрифт также является альтернативой, если вам нужна пара шрифтов Century Gothic.

22. Bangers & Playfair Display

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

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

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

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

23. Ультра и Slabo 13px

Как следует из названия, Ultra — это полужирный шрифт ultra- , в котором собраны черты египетских шрифтов и шрифтов Clarendon.

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

Чтобы сделать текст в целом энергичным, вы можете смешать заголовок Ultra со шрифтом Slabo 13px.Последний — это шрифт определенного размера, разработанный Джоном Хадсоном. Несмотря на то, что он был шрифтом с засечками, он был предназначен для использования в основном в цифровом пространстве, так как его мягкий, воздушный вид хорошо работает на экране.

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

Другая версия шрифта Slabo — это Slabo 27px. Так что вы можете отважиться на еще более сильное присутствие.

24.Франсуа Уан и Карла

Francois One был разработан Верноном Адамсом и вдохновлен различными готическими шрифтами без засечек. Но этот был сделан на шаг впереди и адаптирован для использования в Интернете, а также для четкого отображения в жирном формате.

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

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

25. Fugaz One & Lato

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

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

Такое сильное присутствие требует легкого летнего бриза, поэтому вы можете сочетать его с шрифтом Lato, что по-польски означает лето.

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

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

26. Bevan & Pontano Sans

Bevan — еще один шрифт, разработанный Верноном Адамсом, и это переосмысление традиционного дисплея с засечками, разработанного Генрихом Йостом в 1930-х годах.

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

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

Также вы можете использовать его для онлайн и офлайн целей.

27. Nixie One & Prompt

Если вы выберете другое название, что-то более тонкое, легкое, но все же с большим эффектом, вам следует выбрать Nixie One. Этот великолепный дисплейный шрифт был разработан Джованни Лемонад, и он напоминает всем нам традиционный текст на пишущей машинке, но с более крупными и округлыми буквами.

Разработанный Cadson Demak Type Foundry, Prompt представляет собой геометрический шрифт без засечек с горизонтально сжатыми буквами, которые также имеют круглую форму и видны где угодно, как в Интернете, так и в автономном режиме.

Когда вы создаете пару шрифтов Google между Nixie One и Prompt, у вас будет идеально согласованный текст от начала до конца.

Шрифт Prompt поддерживает тайский и латинский языки.

28. Сакраменто и Барлоу

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

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

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

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

29. Sansita Black & Overpass

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

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

У шрифта Sansita есть альтернатива: Sansita Swashed. Это также очень хорошо работает для заголовков благодаря полужирному курсиву.

Overpass — это шрифт без засечек, основанный на гарнитурах Highway Gothic, разработанный Delve Withrington с Дэйвом Бейли и Томасом Джокином.

Этот пропорциональный шрифт идеально сбалансирует заголовок Sansita.

Вы также можете выбрать комбинацию шрифтов Google между Overpass и Overpass Mono, и вы все равно создадите безупречную смесь.

30. Vollkorn SC Black & PT Sans

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

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

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

Этот шрифт был разработан в рамках проекта Public Types of the Russian Federation, чтобы помочь жителям России читать и писать на своих родных языках.

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

Вы найдете две альтернативы шрифту этого семейства: PT Sans Narrow и PT Sans Caption.

Vollkorn SC в сочетании с PT Sans может быть одной из лучших комбинаций шрифтов, дающей большой потенциал любому тексту, которым вы хотите поделиться.

Заключение

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

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

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

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

17 лучших шрифтов Google на 2021 год (и как их использовать в WordPress)

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

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

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

Вот 17 самых популярных шрифтов Google (2021)

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

1. Робото

Rockin ’Roboto — звезда, которая наслаждается тем, что является самым популярным шрифтом с рекордным количеством почти 60 миллиардов использований. Он наиболее популярен в США, но широко используется от Японии до Бразилии. Roboto был создан специально, чтобы быть лучшим из обоих миров с сильными, чистыми линиями, но мягкими и дружелюбными изгибами. Google предлагает Open Sans, Lato, Montserrat, Raleway и Oswald в качестве популярных пар для Roboto.

2. Open Sans

Outgoing Open Sans здесь для удобства чтения. Это нейтральный шрифт, шрифт, который понравится всем и доступен как для мобильных платформ, так и для печати. Open Sans любит пользоваться почти 30 миллиардами пользователей в США, Франции и России. Его популярные пары — Roboto, Lato, Oswald, Raleway и Montserrat.

3. Лато

Lively Lato — это шрифт, не предназначенный для бизнеса, без засечек — у него есть своя работа.Его углы точные, чистые и острые, что делает его профессиональным заявлением для почти 10 миллиардов пользователей от США до Бразилии. Его пары Google: Roboto, Open Sans, Oswald, Raleway и Source Sans Pro.

4. Монсеррат

Памятный Монсеррат стремится оставаться уникальным, как и его одноименный район в Буэнос-Айресе, Аргентина. Это профессионально, но не из соображений жесткости — ему нравится быть доступным для более чем 5 миллиардов пользователей от США до Франции и Бразилии.Популярные комбинации с этим шрифтом: Raleway, Open Sans, Roboto, Oswald и Lato.

5. Roboto Condensed

Возвращение Робото, на этот раз в его «сжатой» форме. Семейство шрифтов Roboto большое, и это более тонкий брат по сравнению с нашим предыдущим примером. Он был разработан для тех, кому нужно сэкономить место и максимально использовать комнату на своем веб-сайте. Этой версией пользуются более 4 миллиардов человек, и она наиболее популярна в США и России. Популярные пары — Open Sans, Lato, Oswald, Montserrat и обычный Roboto.

6. Source Sans Pro

Superb Source Sans Pro — энергичный человек и серьезно относится к своей работе. Adobe разработала его так, чтобы он хорошо работал с пользовательскими интерфейсами, а Source Sans Pro — это шрифт для этой задачи — почти 4 миллиарда человек используют его в США и Франции. Он хорошо сочетается с Open Sans, Roboto, Lato, Oswald и Raleway.

7. Освальд

Ornate Oswald является правильным и любит вписываться в пиксельную сетку стандартных цифровых экранов. Освальду нравятся вещи определенным образом, поскольку им свободно пользуются на интернет-платформах почти 4 миллиарда человек, особенно в США и Франции.Чаще всего он сочетается с нашими регулярно появляющимися Open Sans, Roboto, Lato, Montserrat и Raleway.

8. Raleway

Refined Raleway готов раскрасить город и живет в стиле ар-деко. Raleway привносит элегантный, но смелый вид на любой веб-сайт. Первоначально он задумывался как заголовок с одним стилем, но теперь он может похвастаться 18 стилями и почти 3 миллиардами людей, которые его используют. Он регулярно появляется вместе с Montserrat, Open Sans, Roboto, Lato и Oswald.

9. Slabo 27px / 13px

Specialized Slabo 27px / 13px наиболее удобен в технической атмосфере, такой как отчет, распечатанный в научной лаборатории. Хотя у него есть засечки, он по-прежнему выглядит более тонким и эффективным, и его используют более 2 миллиардов человек в США, Индонезии, Индии и Бразилии. Популярные пары — Roboto, Lato, Open Sans, Montserrat и Oswald.

10. PT Sans

Рядовой П. Т. Санс — интроверт, ставший экстравертом. Впервые он был разработан для проекта «Общественные типы Российской Федерации», чтобы помочь жителям России читать и писать на своих родных языках.К настоящему времени люди используют его во всем мире, хотя он по-прежнему остается самым популярным в России, где его используют менее 2 миллиардов человек. Однако пользователям в Турции и США это тоже нравится. Open Sans, Roboto, Lato, Raleway и PT Serif — отличные помощники для этого шрифта.

11. Merriweather

Merry Merriweather — открытая книга с удобным для чтения стилем для любого экрана. Это шрифт для людей с интересными небольшими диагоналями, открытыми закругленными формами и сильными засечками. Менее 2 миллиардов человек используют его в основном в США, а также в Италии и Бразилии.Его популярные пары — Open Sans, Montserrat, Oswald, Lato и Roboto.

12. Робото-плита

Relaxed Roboto Slab — крутой родственник обычного Roboto, несущий в себе чувство чутья. Он отличается от обычного Roboto своим уникальным стилем и не заботится об экономии места так сильно, как Roboto Condensed, потому что он слишком сосредоточен на самовыражении. Менее 2 миллиардов человек используют Roboto Slab в США, России, Италии и Бразилии, и он хорошо сочетается с обычными Roboto, Open Sans, Monserrat, Lato и Raleway.

13. Noto Sans / Serif

Neighborly Noto Sans — это интернациональный шрифт. Он используется в разных культурах, так как должен был быть совместим с несколькими языками. Им пользуются более 1,5 миллиарда человек, в основном из США и Бразилии. Noto Sans любит подружиться с Noto Serif, Open Sans, Inconsolata, Roboto и Source Sans Pro.

14. Open Sans Condensed

Optimal Open Sans Condensed — не завистливый шрифт, но он чувствовал, что его упускают, когда Roboto Condensed дебютировал.Open Sans Condensed — еще один способ сэкономить место и передать ваше сообщение немного более эффективно, чем обычный Open Sans. Менее 1,5 миллиарда человек используют его во многих местах, таких как США, Россия, Великобритания, Италия и Франция. Популярные пары включают обычные Open Sans, Roboto, Oswald, Josefin Slab и Amatic SC.

15. Ubuntu

Unforgettable Ubuntu — это шрифт с равными возможностями. Он придерживается философии, аналогичной Noto Sans, полагая, что все языки должны уметь его использовать.Ubuntu может похвастаться более чем 1 миллиардом людей во многих странах, таких как США, Россия, Италия, Франция, Испания и Бразилия. Ему нравится появляться с Open Sans, Roboto, Lato, Oswald и Raleway.

16. Поппинс

Peppy Poppins оживляет геометрические узоры и сочетает в себе порядок и веселье. Его любимая форма — круг, поскольку он используется для сглаживания краев и углов, чтобы добавить мягкости его организации. Его используют более 1 миллиарда человек, в основном в США и Франции, где они любят включать его в Roboto, Open Sans, Raleway, Oswald и Playfair Display.

17. Дисплей Playfair

Professional Playfair Display отличается широкими засечками, в то же время сочетая мягкие закругленные края для большей доступности. Это отлично смотрится в печати и имеет сильную журнальную атмосферу. Им пользуются чуть более миллиарда человек, чаще всего в США, Франции, Италии и Испании. Roboto, Open Sans, Lato, Montserrat и Raleway чаще всего можно увидеть вместе с Playfair Display.

Лучшие практики по внедрению шрифтов Google в WordPress

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

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

1. Выберите шрифт, подходящий для вашего сайта

Raleway выполнен в стиле ар-деко, Merriweather обладает легкостью, а Playfair Display может похвастаться атмосферой журнала / печати. Спросите себя, какой стиль воплощает ваш бренд, а затем выберите шрифт, который отражает это.

2. Сформируйте творческую структуру

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

3. Ограничьте стили шрифтов

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

4. Помните о читабельности

Всемирная организация здравоохранения пришла к выводу, что примерно 1,3 миллиарда человек в мире живут с нарушениями зрения. Многие из них находятся в Интернете, и часть доступности — это обеспечение того, чтобы ваш сайт также был легко доступен для них.Однако даже те, кто не принадлежит к этой группе, предпочитают веб-сайты, которые не вызывают неприятных ощущений.

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

Кроме того, всегда полезно улучшить доступность вашего сайта.

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

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

Какие лучшие шрифты Google для вашего сайта WordPress?

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

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

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

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

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? Обязательно зарегистрируйтесь сегодня.

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

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

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

Теперь, прежде чем углубиться в подробности, вам нужно знать об одном важном различии.

Разница между шрифтом Serif и Sans-Serif

Засечка — это маленький штрих, прикрепленный к концу более крупного штриха в букве или символе в семействе шрифтов.Семейства шрифтов, в которых используются засечки, называются семействами шрифтов с засечками. Те, в которых не используются засечки, называются семействами / гарнитурами шрифтов без засечек.

Монда, Горы Рождества


10 лучших бесплатных шрифтов Google

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

Робото — Без засечек

Roboto — самый популярный шрифт Google в мире, набравший более 9 триллионов просмотров. Создатель, Кристиан Робертсон, изначально разработал Roboto как системный шрифт для ОС Android.Он представлен в 12 различных стилях, что дает вам множество вариантов на выбор.

Загрузить : Roboto

Open Sans — Без засечек

Хотя Open Sans не так популярен, как Roboto, у него тоже есть преданные фанаты. Шрифт, созданный Стивом Маттесоном, имеет 10 различных стилей и на данный момент собрал более 6 триллионов просмотров.

Загрузить : Open Sans

Лато — без засечек

Разработанный Лукашем Дзедзичем, Lato имеет 10 различных стилей и управляется более чем одним.Пока еще 6 триллионов просмотров.

Загрузить : Lato

Освальд — Без засечек

Освальд за последний год набрал обороты и поднялся на четвертую позицию. Вернон Адамс, Калапи Гаджар и Сайреал совместно создали Освальда, который с тех пор собрал более 1 триллиона просмотров.

Загрузить : Oswald

Slabo 27px — Serif

Slabo, первый шрифт с засечками, попавший в список, занимает 5-е место, набрав чуть более 1 триллиона просмотров.Он был разработан Джоном Хадсоном и имеет только один стиль.

Загрузить: Slabo 27px

Roboto Condensed — Без засечек

Другой вариант шрифта Roboto, Roboto Condensed, занимает шестое место с более чем 950 миллиардами просмотров. Поставляется в шести разных стилях.

Загрузка: Roboto Condensed

Монтсеррат — Без засечек

Созданный Джульетой Улановски, Соль Матас, Хуаном Пабло дель Пераль и Жаком Ле Байи, Montserrat — один из самых универсальных шрифтов Google, который вы могли найти.Он имеет 18 стилей и набрал более 800 миллиардов просмотров.

Загрузка: Montserrat

Source Sans Pro — Без засечек

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

Загрузить: Source Sans Pro

Raleway — Без засечек

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

Загрузить: Raleway

PT Sans — Без засечек

ParaType изначально разработал этот шрифт для общедоступных типов Российской Федерации. У него четыре разных стиля и более 500 миллиардов просмотров.

Загрузить: PT Sans


СВЯЗАННЫЕ:

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

Влияние Google Fonts на Интернет неоспоримо.С момента своего довольно скромного начала в 2010 году, более 800 шрифтов, которые сейчас хранятся в библиотеке, были просмотрены более 19 триллионов раза. Конечно, такие компании, как Adobe и другие, последовали их примеру, создав собственные репозитории шрифтов. Разница в том, что все, что может предложить Google Fonts, бесплатно.

И хорошо, что появились бесплатные веб-шрифты. Раньше типографика в Интернете была невероятно скучной. Все началось с ограничения, согласно которому в системе пользователя должен быть определенный шрифт, чтобы его можно было правильно просматривать в браузере.В конце концов, @ font-face предоставил больше возможностей для выбора. Но с вопросами лицензирования часто было трудно справиться (если вообще им заниматься).

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

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

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

18000+ шрифтов с засечками, без засечек, скриптовых, декоративных и монохромных шрифтов

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

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

Опять же, мы, фанатики Google Fonts, любим наш шрифт без засечек. Этот отлично подходит для основного текста, так как его хорошо читать на меньших размерах. Внешний вид также очень современный и хорошо сочетается с более минималистичным дизайном. Кроме того, с февраля 2017 по 18 февраля количество пользователей выросло на 65%.Также обратите внимание, что сокращенная версия также является шестым по популярности шрифтом.

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

Наконец-то засечки на виду! Что делает Slabo 27px немного уникальным, так это то, что и он, и его родственный шрифт (Slabo 13px) оптимизированы для просмотра с размером пикселя, отраженным в его названии.Этот вариант отлично подходит для создания четких, читаемых заголовков.

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

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

Этот шрифт, вдохновленный районом Монтсеррат в Буэнос-Айресе, Аргентина, выполнен в классическом городском стиле. Это отличный универсальный шрифт, который добавляет изюминки как заголовкам, так и основному тексту. Его популярность также привела к появлению версий Alternates и Subrayada.

Созданный для проекта «Public Types of Russian Federation», Google сообщает, что большая часть использования PT Sans находится в России.Фактически, он содержит наборы символов для каждого языка заголовков в стране. При этом дизайнеры по всему миру пользуются чистым и современным дизайном этого шрифта.

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

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

Создание отличной типографики в Интернете

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

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

20 лучших бесплатных шрифтов без засечек в Google Fonts

Шрифты

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

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

Шрифты без засечек, перечисленные ниже, были выбраны на основе их популярности в последнее время в Google Fonts. Все эти шрифты поддерживают латинский язык и доступны как минимум в 4 стилях. Мы включили изображение для предварительного просмотра для каждого шрифта, используя их обычную толщину (400). Читайте дальше, чтобы узнать больше об этих бесплатных веб-шрифтах без засечек.

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

Представленный вместе с Android Ice Cream Sandwich, Roboto был создан специально для требований пользовательского интерфейса и экранов с высоким разрешением. Шрифт был разработан Кристианом Робертсоном и имеет шесть толщин и соответствующие им стили курсива.

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

Вы также можете взглянуть на эти лучшие альтернативы Open Sans от Google Fonts, которые очень похожи на Open Sans и могут использоваться в качестве его замены.

Noto Sans, разработанный Google, является производным от семейства шрифтов Droid. Шрифт доступен в 4 стилях: обычный, полужирный, курсив и полужирный курсив.

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

Разработанный Джульетой Улановски, Соль Матас, Хуаном Пабло дель Пераль и Жаком Ле Байи, Montserrat представляет собой бесплатный шрифт без засечек, лицензированный по лицензии Open Font License.Шрифт доступен в 18 стилях, включая Тонкий, Очень светлый, Светлый, Обычный, Средний, Полужирный, Полужирный, Экстра полужирный и Черный, а также их варианты курсива.

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

Roboto Condensed от Christian Robertson доступен в трех версиях: Light, Regular и Bold, а также курсивом.Roboto Condensed можно использовать вместе со шрифтом Roboto, перечисленным выше, а также с семейством Roboto Slab.

Oswald от Vernon Adams оптимизирован для использования веб-браузерами на настольных компьютерах, ноутбуках и мобильных устройствах. Доступен в шести вариантах веса.

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

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

Разработанный Александрой Корольковой, Ольгой Умпелевой и Владимиром Ефимовым, PT Sans основан на русском шрифте без засечек второй половины ХХ века. Он включает латинские и кириллические символы и охватывает почти все языки меньшинств Российской Федерации, что делает его уникальным и очень важным инструментом для современных цифровых коммуникаций. PT Sans выпускается в трех основных вариантах: нормальный, узкий и с подписями.

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

Разработанный Верноном Адамсом как закругленный терминал без засечек для отображения типографики, Nunito доступен в 7 вариантах начертания плюс соответствующий курсив. У него также есть сопутствующая версия терминала без закруглений, Nunito Sans, перечисленная ниже.

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

Разработанный Вэй Хуанг, Work Sans основан на ранних гротесках. Шрифт доступен в 18 стилях, а также в виде переменного шрифта.

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

Fira Sans — это шрифт без засечек, разработанный Карруа и Эденспикерманн для Mozilla Firefox OS.Он призван удовлетворить потребности в удобочитаемости для большого количества мобильных телефонов, различающихся по качеству экрана и рендерингу. Fira Sans доступен с четырьмя начертаниями и курсивом.

Mukta — это совместимое с Юникодом, гуманистическое семейство без засечек, доступное в семи вариантах веса, поддерживающее деванагари, гуджарати, гурумухи, тамильский и латинский алфавиты. Шрифт разработан Ek Type.

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

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

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

Больше бесплатных коллекций шрифтов

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

Связанные

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

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

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

18 лучших шрифтов Google Sans Serif в 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.

Монтсеррат

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

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. Он имеет стили Обычный, Полужирный, Курсив и Полужирный курсив и имеет подсказки.

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 с засечками в 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 не будет опубликован.