Kode Mono

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

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

• Regular 400Kode Mono Regular
• Medium 500Kode Mono Medium
• SemiBold 600Kode Mono SemiBold
• Bold 700Kode Mono Bold

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

О шрифте Kode Mono

Kode Mono — моноширинное семейство, в котором каждый знак занимает одну ширину, а почти каждая кривая заменена прямыми отрезками, соединёнными срезанными углами. На образце «O», «C» и «D» выглядят как вытянутые восьмиугольники, ноль перечёркнут диагональной чертой, а строчная «l» заканчивается хвостом, который отличает её от прописной «I» с засечками во всю ширину и от цифры «1». Семейство — вариативный шрифт с одной осью, насыщенностью, от Regular 400 до Bold 700, с Medium и SemiBold как именованными ступенями между ними: 4 начертания, только прямые. 486 глифов покрывают латиницу Западной и Центральной Европы. Автор — Isa Ozler, в таблице name производителем назван Kadena LLC, а в официальном описании шрифт представлен как сделанный специально для сообщества разработчиков.

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

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

Фиксированная ширина знаков сохраняет выравнивание отступов, а перечёркнутый ноль, «l» с хвостом и «I» с засечками отличают похожие знаки.

Технические заголовки

В крупных размерах срезанные углы становятся заметным мотивом, а Bold 700 придаёт главной строке достаточную плотность.

Выделение синтаксиса насыщенностью

Поскольку в семействе нет курсива, четыре насыщенности от Regular до Bold могут отмечать ключевые слова, комментарии и выделения.

Панели управления и показания

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

Глифы

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

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

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

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

Лицензия

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

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

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

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

@font-face {
  font-family: "Kode Mono";
  src: url("/assets/fonts/KodeMono-VariableFont_wght.ttf") format("truetype");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

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

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

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

Один вариативный файл

В архиве один вариативный шрифт, охватывающий от 400 до 700. Статические файлы для отдельных насыщенностей можно взять из официального источника.

Без курсива

Kode Mono только прямой; курсивного или наклонного стиля нет.

Нет насыщенностей светлее Regular

Ось насыщенности начинается с 400, поэтому в семействе нет ни Light, ни Thin.

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

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

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