Inter Tight

Попробовать Inter Tight

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

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

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

О шрифте Inter Tight

Inter Tight — семейство гротесков, которое берёт буквы Inter и ставит их ближе друг к другу. В официальном описании это специализированная версия Inter для крупных размеров: интервал, удобный для мелкого текста, в заголовке выглядит разреженным, и этот вариант его сжимает. Сами формы остаются формами Inter: высокие строчные, ровные штрихи, простые открытые очертания. Прямое начертание и курсив — по одному вариативному шрифту с единственной осью насыщенности от 100 до 900; это девять именованных насыщенностей и 18 начертаний. Оси оптического размера у Inter Tight нет. В шрифтах 2 542 глифа: латиница, кириллица, греческий и вьетнамский, включая расширенные диапазоны кириллицы и греческого. Автор — Rasmus Andersson, в уведомлении об авторских правах указаны The Inter Project Authors, а в Google Fonts семейство появилось в 2022 году.

Где уместен Inter Tight

Заголовки и главные экраны

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

Крупные числа и названия в приложениях

Заголовки экранов, цены и итоги на панелях, набранные крупно, сохраняют высокие простые формы Inter, но в более плотной посадке.

Единый рисунок на всех размерах

Если продукт набирает текст шрифтом Inter, для крупных размеров можно взять Inter Tight и сохранить те же формы букв.

Плакаты и слайды

Black 900 и ExtraBold 800 дают тяжёлые заголовки, а Thin 100 при том же размере — лёгкий контраст.

Заголовки на разных письменностях

Благодаря 2 542 глифам плотный интервал доступен не только для латиницы, но и для заголовков на кириллице, греческом и вьетнамском.

Глифы

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

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

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

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

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

Лицензия

Шрифты в пару к Inter Tight

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

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

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

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

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

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

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

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

Отличается интервал, а не буквы

Inter Tight использует формы букв Inter. Изменена только плотность посадки.

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

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

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

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

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

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

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