Tilt Warp

Попробовать Tilt Warp

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

• Regular 400Tilt Warp Regular

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

О шрифте Tilt Warp

Tilt Warp — жирный геометрический гротеск, созданный, чтобы поворачивать его в пространстве. В покое, как на образце, это тяжёлый шрифт с круглыми чашами, одноэтажной «a» и несколькими косо срезанными окончаниями штрихов — деталь, которую кисть оставляет на рисованных надписях. Официальные заметки относят его к семейству Tilt вместе с Tilt Neon и Tilt Prism: все они вдохновлены объёмными витринными вывесками и нарисованы на одном образце вывесочных букв. Семейство отличает пара вариативных осей, Rotation in X и Rotation in Y: каждая идёт от −45 до 45, по умолчанию 0, а предел, как поясняют заметки, сохраняет читаемость букв. Насыщенность одна, Regular, в одном вариативном файле с 693 глифами. Автор — Andy Clymer, лицензия — SIL Open Font License 1.1.

Где уместен Tilt Warp

Заголовки в стиле витрин

Образец букв взят из вывесочной живописи, поэтому название магазина или предложение, набранные Tilt Warp, выглядят нарисованными на стекле.

Анимированные заголовки в вебе

Обе оси поворота можно менять во времени, и заголовок будет качаться или наклоняться, не превращая текст в изображение.

Плакаты с объёмными надписями

Если задать поворот по X или Y, строка получит перспективу вывески, увиденной сбоку или снизу.

Логотипы и значки

Тяжёлые геометрические формы держатся вместе как компактный знак при фиксированном повороте.

Глифы

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

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

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

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

Лицензия

Шрифты в пару к Tilt Warp

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

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

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

@font-face {
  font-family: "Tilt Warp";
  src: url("/assets/fonts/TiltWarp-Regular-VariableFont_XROT%2CYROT.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

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

<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=Tilt+Warp&display=swap" rel="stylesheet">

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

Две особые оси

Оси называются XROT и YROT, каждая от −45 до 45, по умолчанию 0. Их задают через элементы управления вариативными шрифтами или CSS font-variation-settings.

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

У Tilt Warp одно начертание Regular. Буквы тяжёлые, но более светлой или более жирной насыщенности нет.

Tilt Neon и Tilt Prism — отдельные семейства

Два родственных рисунка, названные в официальных заметках, — отдельные семейства и в эту загрузку не входят.

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

Подборки с Tilt Warp

• Шрифты по мотивам уличных вывесок и рисованного леттеринга

  Шрифты на основе рисованных вручную вывесок магазинов, грузовиков, железнодорожных табло и протестных плакатов из городов мира.

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

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