Trispace

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

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

• Thin 100Trispace Thin
• ExtraLight 200Trispace ExtraLight
• Light 300Trispace Light
• Regular 400Trispace Regular
• Medium 500Trispace Medium
• SemiBold 600Trispace SemiBold
• Bold 700Trispace Bold
• ExtraBold 800Trispace ExtraBold

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

О шрифте Trispace

Trispace — семейство гротесков, которое выглядит как шрифт пишущей машинки, но не является строго моноширинным: его знаки распределены по трём ширинам. Образец показывает сохранённые машинописные приметы: засечка-«лапка» под «i» и «r», изогнутый хвост у «l» и просторные промежутки между буквами. Форму шрифту задают две вариативные оси. Насыщенность идёт от 100 до 800 через восемь именованных насыщенностей, от Thin до ExtraBold, а ширина — от 75 до 125, где 100 — обычное значение. Курсивов нет. В шрифте 1 147 глифов, покрывающих латиницу, расширенную латиницу и вьетнамский. Автор — Tyler Finck, производителем в шрифте указана Etcetera Type Company, лицензия — SIL Open Font License 1.1.

Где уместен Trispace

Брендинг для инструментов разработчиков

Машинописные «лапки» и свободный интервал отсылают к коду, а система из трёх ширин не даёт названию продукта выглядеть как сырой вывод терминала.

Подписи интерфейса с техническим тоном

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

Заголовки под ширину колонки

Ось ширины, от 75 до 125, сужает или расширяет заголовок, пока он не заполнит строку.

Плакаты и титры

Thin 100 на больших кеглях превращает широко поставленные буквы в лёгкую сетку; ExtraBold 800 даёт обратный эффект.

Глифы

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

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

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

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

Лицензия

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

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

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

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

@font-face {
  font-family: "Trispace";
  src: url("/assets/fonts/Trispace-VariableFont_wdth%2Cwght.ttf") format("truetype");
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}

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

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

<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=Trispace:wght@100..800&display=swap" rel="stylesheet">

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

Не моноширинный шрифт

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

Две оси в одном файле

В единственном вариативном файле есть насыщенность (от 100 до 800) и ширина (от 75 до 125). По умолчанию ось насыщенности установлена на 100.

Курсивов нет

Все восемь именованных начертаний прямые.

Статические файлы — в другом месте

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

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

Подборки с Trispace

• Машинописные шрифты

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

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

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