Tilt Neon

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

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

• Regular 400Tilt Neon Regular

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

О шрифте Tilt Neon

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

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

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

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

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

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

Афиши баров, закусочных и площадок

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

Объёмные логотипы

Фиксированные значения поворота по X и Y придают вордмарку единую наклонную перспективу без 3D-программ.

Глифы

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

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

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

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

Лицензия

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

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

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

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

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

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

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

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

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

Оси поворачивают, а не утолщают

Вариативные оси — XROT и YROT, обе от -45 до 45 со значением по умолчанию 0. Оси насыщенности нет.

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

Есть только Regular 400; толщина трубки фиксирована.

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

XROT и YROT — не стандартные зарегистрированные оси, поэтому в вебе их задают через font-variation-settings.

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

Подборки с Tilt Neon

• Вариативные шрифты с необычными осями

  Экспериментальные и выразительные вариативные шрифты с нестандартными осями: мягкость, подпрыгивание, небрежность, трансформация, поворот, градация и другие.

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

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