Gafata

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

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

• Regular 400Gafata Regular

О шрифте Gafata

Gafata — гротеск, созданный для чтения в мелких размерах. Штрихи светлые и почти равной толщины, буквы чуть узкие, а строчные высокие. К этой простой основе образец добавляет ряд причуд: f уходит ниже базовой линии и заканчивается мягким изгибом, у t косой срез у основания, l слегка расширяется, а амперсанд и знак «@» имеют необычную форму. В официальном описании объясняется, что эти особенности появились, когда автор работал над разборчивостью, и названы книги, журналы и веб-страницы как предполагаемая среда. Gafata — одно начертание Regular, не вариативный шрифт, с 234 глифами в подмножестве латиницы. Lautaro Hourcade нарисовал шрифт и владеет авторскими правами, лицензия — SIL Open Font License 1.1.

Где уместен Gafata

Подписи и боковые заметки

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

Короткие статьи в вебе

Высокие строчные и узкие пропорции помогают уместить читаемые строки в колонку шириной с экран телефона.

Журнальные врезки

Нижний выносной элемент у f и косой срез у t придают колонке простого текста узнаваемую фактуру.

Сдержанный текст в интерфейсах

Справка и описания, набранные светлым Regular, располагаются под более жирными заголовками из другого семейства.

Глифы

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

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

• Английский
• Французский
• Немецкий
• Испанский
• Португальский
• Итальянский
• Нидерландский
• Шведский
• Норвежский
• Датский
• Финский
• Исландский
• Каталанский
• Эстонский

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

Лицензия

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

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

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

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

@font-face {
  font-family: "Gafata";
  src: url("/assets/fonts/Gafata-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

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

<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=Gafata&display=swap" rel="stylesheet">

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

Только Regular

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

У f есть нижний выносной элемент

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

Только подмножество латиницы

234 глифа относятся к подмножеству латиницы; расширенной латиницы, кириллицы и греческого нет.

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

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

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