Inder

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

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

• Regular 400Inder Regular

О шрифте Inder

Inder — это текстовый гротеск со штрихами почти одинаковой толщины. Его создатели описывают его как малоконтрастную рабочую лошадку, вдохновлённую немецкими надписями модерна и архитектурой амстердамской школы, настроенную под ограничения отрисовки на экране и пригодную в широком диапазоне размеров. В образце шрифта это заметно по небольшим отступлениям от нейтрального гротеска: строчная a одноэтажная, с плоским верхом, у прописных M и W расставленные стороны, перекладина прописной A расположена низко, а изгибы в буквах вроде e и c заканчиваются горизонтальными срезами. Пропорции довольно широкие, высота строчных большая. Семейство состоит из одного начертания Regular с 423 глифами, охватывающими латиницу и расширенную латиницу. Авторство приписано Sorkin Type, шрифт не вариативный.

Где уместен Inder

Тексты интерфейса

Ровный нажим штриха и большая высота строчных, подстроенные под экраны, сохраняют читаемость меню и подписей.

Короткие текстовые блоки

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

Заголовки с лёгким характером

Плоская одноэтажная a и расставленная M придают названиям слабый акцент модерна.

Сайты для Центральной Европы и Турции

Расширенная латиница включает польские, чешские, венгерские и турецкие буквы.

Глифы

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

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

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

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

Лицензия

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

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

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

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

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

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

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

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

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

Одна насыщенность

Inder — только Regular 400. Без Bold и курсива для выделения нужен другой приём или другое семейство.

Одноэтажная a

У строчной a круглая одноэтажная форма, которую некоторые читатели при очень мелком размере путают с o.

Только латиница

Есть латиница и расширенная латиница; кириллицы, греческого и вьетнамского нет.

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

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

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