Roboto Mono

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

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

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

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

О шрифте Roboto Mono

Roboto Mono — моноширинный шрифт, в котором каждый знак занимает одинаковую ширину. В официальном описании объясняется, как формы Roboto адаптировали под это ограничение: узкие буквы вроде I, l и i получили засечки, чтобы выровнять фактуру набора, широкие буквы скорректированы по насыщенности, а круглые прописные получили более прямые стороны. Знаки, важные в исходном коде, различаются: цифра 1, строчная l и прописная I отличаются друг от друга, ноль не похож на прописную O, у фигурных скобок выразительные острия, а точки и запятые увеличены. На образце видны брусковые «ножки» у i, j и l. Roboto Mono вариативен по насыщенности от 100 до 700, в нём семь именованных насыщенностей, к каждой есть курсив, всего 14 начертаний. В 999 глифах поддерживаются латиница, кириллица, греческий и вьетнамский. Автором указан Christian Robertson, лицензия — SIL Open Font License 1.1.

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

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

Различимые формы 1, l и I, а также нуля и O снижают число ошибок при чтении идентификаторов и хешей.

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

Семь насыщенностей с курсивом позволяют в таблице стилей выделять комментарии курсивом, а ключевые слова — начертаниями Medium или Bold.

Выровненные данные и журналы

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

Технические подписи рядом с Roboto

Шрифт входит в семейство Roboto, поэтому номера версий и сочетания клавиш согласуются с окружающим текстом Roboto.

Глифы

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

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

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

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

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

Лицензия

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

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

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

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

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

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

Или подключите шрифт из официального источника. Google Fonts отдаёт Roboto 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=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap" rel="stylesheet">

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

Самое жирное начертание — Bold

Ось идёт от Thin 100 до Bold 700. ExtraBold и Black нет.

Два вариативных файла

Прямое начертание и курсив лежат в отдельных файлах.

Каждый знак занимает целую ячейку

Поскольку i и l занимают столько же места, сколько m и w, строка в Roboto Mono получается длиннее, чем та же строка в Roboto.

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

Подборки с Roboto Mono

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

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

• Шрифтовые системы: гротеск, антиква и моноширинный в паре

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

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

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