Inter

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

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

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

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

О шрифте Inter

Inter — семейство гротесков, созданное для чтения с экрана компьютера. Строчные буквы в нём высокие относительно прописных, благодаря чему мелкий текст остаётся читаемым в меню, таблицах и основном тексте. Семейство построено как вариативный шрифт с двумя осями: насыщенность от 100 до 900 и оптический размер от 14 до 32, так что его можно настроить и для мелких подписей, и для крупных заголовков. Прямое начертание и курсив имеют по девять именованных насыщенностей, всего 18 начертаний. В шрифтах 2 926 глифов, они покрывают латиницу, кириллицу, греческий и вьетнамский. Среди возможностей OpenType — перечёркнутый ноль, табличные цифры и контекстные альтернативы, подстраивающие знаки препинания под соседние символы. Проектом Inter руководит Rasmus Andersson, а файлы распространяются по SIL Open Font License 1.1.

Где уместен Inter

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

Высокие строчные и ось оптического размера от 14 до 32 сохраняют читаемость подписей, кнопок и полей форм при малых размерах.

Дашборды и таблицы

Табличные цифры выравнивают числа по столбцам, а перечёркнутый ноль отличает 0 от буквы O в кодах и идентификаторах.

Долгое чтение с экрана

Regular и Medium с их курсивами подходят для основного текста, выделений и подписей в документации и статьях.

Фирменный стиль с большим диапазоном

Насыщенности от Thin до Black дают одному семейству достаточный контраст для заголовков, подзаголовков и мелкого шрифта.

Продукты на нескольких языках

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

Глифы

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

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

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

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

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

Лицензия

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

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

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

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

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

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

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

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

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

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

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

Оптический размер — от 14 до 32

Программы с автоматическим оптическим размером выбирают значение по размеру шрифта; в остальных случаях ось можно настроить вручную.

Отдельных статических файлов в архиве нет

В архиве только вариативные шрифты. Статические файлы для отдельных насыщенностей есть на официальном сайте.

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

Подборки с Inter

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

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

• Вариативные шрифты с осью оптического размера

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

• Семейства шрифтов с девятью насыщенностями и курсивом

  Полные семейства от Thin до Black с курсивом для каждой насыщенности: восемнадцать начертаний для цельной типографской системы.

• Шрифты с поддержкой греческого

  Семейства с открытой лицензией, где рядом с латиницей есть греческие глифы: для сайтов на греческом, а также для математики, науки и классической филологии.

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

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