Gupter

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

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

• Regular 400Gupter Regular
• Medium 500Gupter Medium
• Bold 700Gupter Bold

О шрифте Gupter

Gupter — семейство узкой текстовой антиквы. Строчные в нём высокие по сравнению с прописными, а буквы узкие; в официальных заметках именно этому сочетанию приписывают пользу шрифта там, где мало места. Стебли светлые, контраст толстых и тонких штрихов умеренный, а засечки мелкие, со скруглёнными переходами, что придаёт странице ровный серый тон. За отправную точку Octavio Pardo взял английские текстовые шрифты начала XX века. Семейство состоит из трёх статических начертаний, Regular 400, Medium 500 и Bold 700; курсива и вариативной версии нет. В каждом файле 251 глиф, они охватывают базовый набор латиницы, достаточный для английского и западноевропейских языков. Gupter распространяется по лицензии SIL Open Font License 1.1.

Где уместен Gupter

Узкие колонки в духе газет

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

Подписи и сноски

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

Компактные заголовки

Bold позволяет набрать заголовок из нескольких слов в короткой строке над текстом начертанием Regular.

Таблицы, этикетки и формы

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

Глифы

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

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

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

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

Лицензия

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

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

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

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

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

body {
  font-family: "Gupter", serif;
}

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

<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=Gupter:wght@400;500;700&display=swap" rel="stylesheet">

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

Курсива нет

У Gupter три прямых начертания. Выделять приходится Medium или Bold.

Только статические файлы

В пакете отдельные файлы Regular, Medium и Bold. Gupter — не вариативный шрифт.

Только базовая латиница

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

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

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

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