VT323

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

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

• Regular 400VT323 Regular

О шрифте VT323

VT323 — моноширинный шрифт в стиле растровых, воспроизводящий буквы текстового терминала DEC VT320. Peter Hull, работавший с этим терминалом в колледже, создал его в Gimp, Python и FontForge: скрипт сдвигал исходные точки, имитируя то, как электронный луч зажигал люминофор, и растягивал каждый пиксель по горизонтали; результат рисовался на квадратной сетке, а сетку затем обвели в контуры. Поэтому в образце штрихи выглядят как короткие перекрывающиеся горизонтальные полосы, а вертикальные стойки толще одного пикселя. Автор упоминает более раннюю версию VT321 с обычными квадратными пикселями. VT323 — один файл Regular 400 с 584 глифами для латиницы, расширенной латиницы и вьетнамского, он не вариативный. В Google Fonts шрифт добавлен в 2011 году под лицензией SIL Open Font License 1.1.

Где уместен VT323

Интерфейсы в духе ретро-компьютеров

Буквы взяты с настоящего терминала 1980-х, поэтому имитация консоли или экран загрузки выглядят достоверно для своей эпохи.

Пиксель-арт и инди-игры

Пиксельные глифы фиксированной ширины подходят для диалоговых окон, счёта и меню на сетке низкого разрешения.

Окна терминала

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

Заголовки в блогах разработчиков

Строка VT323 над обычным текстом намекает на код и хакерскую культуру без картинки.

Постеры с эффектом ЭЛТ

Горизонтальное размытие, встроенное в каждый пиксель, придаёт крупным словам свечение экрана на электронно-лучевой трубке.

Глифы

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

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

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

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

Лицензия

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

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

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

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

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

body {
  font-family: "VT323", monospace;
}

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

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

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

Размытие — часть рисунка

Каждая точка растянута по горизонтали в самих контурах, поэтому эффект ЭЛТ виден на любом размере и его нельзя отключить.

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

Жирного начертания и курсива нет; глифы терминала преобразованы в один шрифт.

Основа — набор символов терминала

Автор отмечает, что у VT320 для старта было ограниченное число символов; в нынешнем файле 584 глифа.

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

Подборки с VT323

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

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

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

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