Spline Sans Mono

Попробовать Spline Sans Mono

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

• Light 300Spline Sans Mono Light Light Italic
• Regular 400Spline Sans Mono Regular Курсив
• Medium 500Spline Sans Mono Medium Medium Italic
• SemiBold 600Spline Sans Mono SemiBold SemiBold Italic
• Bold 700Spline Sans Mono Bold Bold Italic

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

О шрифте Spline Sans Mono

Spline Sans Mono — моноширинный гротеск: каждый знак занимает ячейку одинаковой ширины. На образце видно простой скелет гротеска, приспособленный к этой фиксированной ячейке: у строчной i появляется верхний выносной штрих и плоское основание, а l заканчивается изогнутым хвостом, поэтому узкие буквы заполняют своё место. Согласно официальным заметкам, там, где штрихи сходятся, прорезаны мелкие врезки-«шипы», которые становятся заметны в крупных размерах. Семейство вариативно по оси насыщенности от 300 до 700, с пятью именованными насыщенностями (Light, Regular, Medium, SemiBold, Bold) в прямом и курсивном вариантах, всего десять начертаний. 619 глифов покрывают латиницу и расширенную латиницу. Проект начала команда Spline; Eben Sorkin и Mirko Velimirović нарисовали шрифт для Sorkin Type, и он распространяется по лицензии SIL Open Font License 1.1.

Где уместен Spline Sans Mono

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

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

Формы оформления заказа и оплаты

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

Подписи данных в интерфейсах

Medium и SemiBold придают меткам времени, идентификаторам и мелким подписям достаточный вес на плотных экранах.

Крупные технические заголовки

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

Документация с примерами кода

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

Глифы

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

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

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

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

Лицензия

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

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

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

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

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

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

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

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

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

В загрузке один вариативный файл для прямого начертания и один для курсива. Каждый покрывает весь диапазон насыщенностей от 300 до 700; статические экземпляры можно получить из официального источника.

Насыщенность заканчивается на Bold

Самая светлая именованная насыщенность — Light 300, самая жирная — Bold 700. Thin, ExtraBold и Black нет.

Только латиница

Spline Sans Mono покрывает латиницу и расширенную латиницу. Подмножеств кириллицы и греческого нет.

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

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

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