Tiny5

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

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

• Regular 400Tiny5 Regular

О шрифте Tiny5

Tiny5 — акцидентный шрифт, нарисованный на пиксельной сетке, где прописная буква имеет высоту пять пикселей. Ширина знаков пропорциональная: «i» занимает один столбец, а «m» и «w» растянуты на несколько, кривые сведены к ступенькам и недостающим углам. Stefan Schmidt построил его на идее использовать как можно меньше информации, сохраняя читаемость текста; ориентиром служили дисплеи графических калькуляторов и других цифровых гаджетов 1980-х и 1990-х годов. В официальном описании шрифт рекомендуют для ретро-настроения, для передачи минимализма и для небольших дисплеев. У семейства одно начертание Regular, это не вариативный шрифт. Его 1 155 глифов покрывают латиницу, расширенную латиницу, кириллицу и греческий. Tiny5 распространяется по лицензии SIL Open Font License 1.1.

Где уместен Tiny5

Графика для ретро-игр и гаджетов

Пятипиксельные буквы воспроизводят вид экранов калькуляторов и портативных устройств 1980-х и 1990-х годов.

Заголовки в проектах с пиксель-артом

Поскольку каждый штрих лежит на сетке, Tiny5 совпадает с пиксельными иллюстрациями при масштабировании в целое число раз.

Показания на небольших дисплеях

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

Пиксельные заголовки на русском или греческом

Кириллица и греческий нарисованы на той же пятипиксельной сетке, так что заголовок может сменить письменность, не меняя шрифт.

Глифы

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

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

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

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

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

Лицензия

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

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

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

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

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

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

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

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

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

Пропорциональный, а не моноширинный

У букв разная ширина. Tiny5 не выстраивается в колонки так, как это делает пиксельный шрифт с фиксированной шириной.

Одно начертание

У Tiny5 единственное начертание Regular, и это не вариативный шрифт; словосочетание «variable-width» в официальном описании относится к ширине букв.

Масштабируйте целыми шагами

Контуры состоят из квадратных пикселей, поэтому размеры, кратные сетке, сохраняют чёткие края на экране.

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

Подборки с Tiny5

• Пиксельные и аркадные шрифты

  Акцидентные шрифты в стиле растровой графики и матричной печати, по мотивам экранов игр, терминалов и светодиодных панелей 1980-х: для ретро-игр и технической графики.

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

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