Victor Mono

Попробовать Victor Mono

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

• Thin 100Victor Mono Thin Thin Italic
• ExtraLight 200Victor Mono ExtraLight ExtraLight Italic
• Light 300Victor Mono Light Light Italic
• Regular 400Victor Mono Regular Курсив
• Medium 500Victor Mono Medium Medium Italic
• SemiBold 600Victor Mono SemiBold SemiBold Italic
• Bold 700Victor Mono Bold Bold Italic

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

О шрифте Victor Mono

Victor Mono — моноширинное семейство, построенное под требования к набору кода: достаточно узкое, чтобы вмещать длинные строки, достаточно широкое, чтобы текст легко просматривался, строгое в прямом начертании и более свободное в курсиве. Образец показывает стройные буквы с высокой высотой строчных, «i» с засечкой и «l» с крючком, которые отличают похожие знаки друг от друга. Курсив — отдельная опция: рукописное начертание, буквы которого частично соединяются; в шрифт также входят лигатуры, объединяющие многосимвольные программистские обозначения в одну форму. Victor Mono — вариативный шрифт с осью насыщенности от 100 до 700; семь именованных насыщенностей и их курсивы дают 14 начертаний. 1 471 глиф покрывают латиницу, расширенную латиницу, вьетнамский, кириллицу и греческий. Автор — Rune Bjørnerås, лицензия — SIL Open Font License 1.1.

Где уместен Victor Mono

Редакторы кода и терминалы

Узкие буквы фиксированной ширины вмещают больше символов в строку, а высокая высота строчных сохраняет читаемость на мелких кеглях.

Комментарии и ключевые слова курсивом

Редакторы, которые выделяют комментарии или ключевые слова курсивом, показывают их рукописным начертанием, заметно отличающимся от прямого кода.

Примеры кода в документации

Лигатуры превращают стрелки и операторы сравнения в опубликованных фрагментах в единые символы.

Табличный вывод в консоли

У каждого знака одинаковая ширина, поэтому столбцы чисел и журналы выравниваются.

Слайды для технических докладов

От Thin до Bold хватает насыщенностей, чтобы выделить нужные строки на фоне приглушённого контекста.

Глифы

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

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

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

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

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

Лицензия

Шрифты в пару к Victor Mono

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

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

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

@font-face {
  font-family: "Victor Mono";
  src: url("/assets/fonts/VictorMono-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Victor Mono";
  src: url("/assets/fonts/VictorMono-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 700;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Victor Mono", monospace;
}

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

<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=Victor+Mono:ital,wght@0,100..700;1,100..700&display=swap" rel="stylesheet">

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

Рукописный курсив

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

Лигатуры можно отключить

Программистские лигатуры — функции OpenType; редакторы и CSS могут их отключить, если нужны отдельные знаки.

Самая жирная насыщенность — Bold

Ось насыщенности заканчивается на 700; ExtraBold и Black нет. По умолчанию ось установлена на 100.

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

Подборки с Victor Mono

• Моноширинные шрифты для программирования

  Семейства фиксированной ширины с открытой лицензией для редакторов и терминалов: с чётким нулём, несколькими насыщенностями и в большинстве случаев с курсивом.

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

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