Google Sans Code

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

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

• Light 300Google Sans Code Light Light Italic
• Regular 400Google Sans Code Regular Курсив
• Medium 500Google Sans Code Medium Medium Italic
• SemiBold 600Google Sans Code SemiBold SemiBold Italic
• Bold 700Google Sans Code Bold Bold Italic
• ExtraBold 800Google Sans Code ExtraBold ExtraBold Italic

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

О шрифте Google Sans Code

Google Sans Code — моноширинная гарнитура, авторство которой указано за Google и Universal Thirst. В образце все знаки имеют одинаковую ширину; ноль перечёркнут, строчная «l» заканчивается изогнутым хвостом, у «i» и «j» вверху засечка, а фигурные скобки нарисованы с выраженными завитками. Семейство распространяется как два вариативных шрифта, прямой и курсивный. В каждом есть ось насыщенности от 300 до 800 и вторая ось с названием Monospace: она идёт от 0 до 1, по умолчанию равна 1 — это значение с фиксированной шириной, показанное в образце. Шесть именованных насыщенностей от Light до ExtraBold, у каждой есть курсив, дают 12 начертаний. 693 глифа покрывают латиницу, расширенную латиницу и вьетнамский. Google Sans Code распространяется по лицензии SIL Open Font License 1.1.

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

Редакторы кода

Перечёркнутый ноль и «l» с хвостом позволяют отличить 0, O, l и 1, а одинаковая ширина знаков сохраняет выравнивание отступов.

Окна терминала

Диапазон от Light 300 до ExtraBold 800 достаточно широк, чтобы выделять приглашения или ошибки насыщенностью.

Техническая документация

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

Комментарии и строки на разных языках

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

Глифы

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

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

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

Наборы символов в файлах: latin, latin-ext, vietnamese. Список языков — это проверка наличия нужных букв в шрифте, а не гарантия типографского качества для каждого языка.

Лицензия

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

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

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

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

@font-face {
  font-family: "Google Sans Code";
  src: url("/assets/fonts/GoogleSansCode-Italic-VariableFont_MONO%2Cwght.ttf") format("truetype");
  font-weight: 300 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Google Sans Code";
  src: url("/assets/fonts/GoogleSansCode-VariableFont_MONO%2Cwght.ttf") format("truetype");
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Google Sans Code", monospace;
}

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

<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+Code:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">

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

Два вариативных файла

В одном файле прямое начертание, в другом курсив. В обоих есть ось насыщенности (от 300 до 800) и ось Monospace (от 0 до 1).

Ось Monospace по умолчанию равна 1

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

Нет кириллицы и греческого

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

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

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

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