Geist

Попробовать Geist

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

• Thin 100Geist Thin Thin Italic
• ExtraLight 200Geist ExtraLight ExtraLight Italic
• Light 300Geist Light Light Italic
• Regular 400Geist Regular Курсив
• Medium 500Geist Medium Medium Italic
• SemiBold 600Geist SemiBold SemiBold Italic
• Bold 700Geist Bold Bold Italic
• ExtraBold 800Geist ExtraBold ExtraBold Italic
• Black 900Geist Black Black Italic

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

О шрифте Geist

Geist — семейство гротесков с ровной толщиной штрихов и простыми компактными буквами. На образце строчные высокие, «a» двухэтажная, «g» одноэтажная, у прописной «G» есть шпора, а у «Q» короткий прямой хвост; даже в Black просветы остаются открытыми. Geist состоит из двух вариативных шрифтов, прямого и курсивного, у каждого ось насыщенности от 100 до 900 и девять именованных насыщенностей, всего 18 начертаний. Его 974 глифа покрывают латиницу, расширенную латиницу, кириллицу и вьетнамский; греческого нет. В Google Fonts Geist добавили в 2024 году вместе с его моноширинным спутником. В списке авторов — Andrés Briganti, Mateo Zaragoza, Guillermo Rauch, Evil Rabbit, José Rago и Facundo Santana, а в таблице name добавлены Basement.studio и Vercel. Лицензия — SIL Open Font License 1.1.

Где уместен Geist

Интерфейсы веб-приложений

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

Сайты продуктов и документации

Девять насыщенностей с курсивом покрывают заголовки страниц, основной текст, выделения и подписи в одном семействе.

Инструменты для разработчиков

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

Минималистичные системы брендов

Thin 100 для крупных акцидентных строк и Black 900 для коротких подписей дают контраст без второго шрифта.

Интерфейсы на русском или вьетнамском

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

Глифы

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

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

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

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

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

Лицензия

Шрифты в пару к Geist

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

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

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

@font-face {
  font-family: "Geist";
  src: url("/assets/fonts/Geist-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Geist";
  src: url("/assets/fonts/Geist-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

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

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

<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=Geist:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

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

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

В загрузке прямой и курсивный вариативные шрифты, у каждого ось насыщенности от 100 до 900.

Единственная ось — насыщенность

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

Нет греческого

Наборы символов — латиница, расширенная латиница, кириллица и вьетнамский.

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

Подборки с Geist

• Чёткие гротески для интерфейсов приложений

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

• Шрифтовые системы: гротеск, антиква и моноширинный в паре

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

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

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