Google Sans

Попробовать Google Sans

Насыщенности и начертания

• Regular 400Google Sans Regular Курсив
• Medium 500Google Sans Medium Medium Italic
• SemiBold 600Google Sans SemiBold SemiBold Italic
• Bold 700Google Sans Bold Bold Italic

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

О шрифте Google Sans

Google Sans — геометрический гротеск, автором которого указан Google. На образце «o» и чаши «b», «d», «p», «q» почти круглые, «a» двухэтажная, «g» одноэтажная, а толщина штрихов почти не меняется. Семейство выпускается как вариативные шрифты, прямой и курсивный, с тремя осями: насыщенность от 400 до 700, Grade от −50 до 200 и ось оптического размера в узком диапазоне от 17 до 18. Четыре именованные насыщенности, Regular, Medium, SemiBold и Bold, имеют курсивы, всего восемь начертаний; тоньше Regular ничего нет. В шрифтах 7 525 глифов в 25 наборах, среди них кириллица, греческий, иврит, армянский, грузинский, тайский, деванагари, бенгальский, тамильский и эфиопский. Google Sans распространяется по SIL Open Font License 1.1.

Где уместен Google Sans

Продукты на многих письменностях

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

Текст интерфейса

Regular и Medium с открытыми округлыми буквами подходят для меню, диалогов и страниц настроек.

Справочные центры и статьи

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

Заголовки и маркетинговые страницы

SemiBold 600 и Bold 700 придают заголовкам вес на фоне основного текста Regular, и второй шрифт не нужен.

Глифы

Поддержка языков

В семействе есть основные буквы, которыми пишут на этих языках:

• Английский
• Французский
• Немецкий
• Испанский
• Португальский
• Итальянский
• Нидерландский
• Шведский
• Норвежский
• Датский
• Финский
• Исландский
• Каталанский
• Турецкий
• Польский
• Чешский
• Словацкий
• Венгерский
• Румынский
• Хорватский
• Словенский
• Литовский
• Латышский
• Эстонский
• Вьетнамский
• Русский
• Украинский
• Болгарский
• Греческий

Письменности помимо латиницы, для которых в семействе есть глифы: Армянский, Бенгальский, Кириллица, Деванагари, Эфиопское письмо, Грузинский, Греческий, Гуджарати, Гурмукхи, Иврит, Каннада, Кхмерский, Лаосский, Малаялам, Ория, Сингальский, Тамильский, Телугу, Тайский. Это перечень письменностей, а не обещание поддержки каждого языка, который ими пользуется.

Наборы символов в файлах: armenian, bengali, cyrillic, cyrillic-ext, devanagari, ethiopic, georgian, greek, greek-ext, gujarati, gurmukhi, hebrew, kannada, khmer, lao, latin, latin-ext, malayalam, oriya, sinhala, symbols, tamil, telugu, thai, vietnamese. Список языков — это проверка наличия нужных букв в шрифте, а не гарантия типографского качества для каждого языка.

Лицензия

Шрифты в пару к Google Sans

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

Подключение Google Sans на сайте

Скачайте семейство, разместите файлы на своём сайте и подключите их в CSS. Не ссылайтесь на файлы с trendhub.net: здесь лежат урезанные файлы для превью, и их адреса меняются.

@font-face {
  font-family: "Google Sans";
  src: url("/assets/fonts/GoogleSans-Italic-VariableFont_GRAD%2Copsz%2Cwght.ttf") format("truetype");
  font-weight: 400 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Google Sans";
  src: url("/assets/fonts/GoogleSans-VariableFont_GRAD%2Copsz%2Cwght.ttf") format("truetype");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Google Sans", sans-serif;
}

Или подключите шрифт из официального источника. Google Fonts отдаёт Google Sans с такой разметкой:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Google+Sans:ital,wght@0,400..700;1,400..700&display=swap" rel="stylesheet">

Что важно знать

Насыщенности заканчиваются на Bold

Ось насыщенности идёт от 400 до 700. Начертаний Light, Thin, ExtraBold и Black нет.

Оптический размер — от 17 до 18

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

Большие файлы

Из-за 7 525 глифов полные шрифты получаются тяжёлыми; на сайте подключайте только те наборы, которые нужны странице.

Вопросы и ответы

Подборки с Google Sans

• Шрифты для субтитров и подписей к видео

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

• Шрифты с поддержкой греческого

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

• Шрифты с поддержкой иврита

  Семейства с открытой лицензией, где иврит и латиница нарисованы как единое целое: текстовые гротески и антиквы, скруглённые и акцидентные шрифты.

• Шрифты с поддержкой деванагари

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

• Шрифты с поддержкой тайского

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

• Шрифты для нескольких письменностей

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

Похожие шрифты

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