Spline Sans

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

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

• Light 300Spline Sans Light
• Regular 400Spline Sans Regular
• Medium 500Spline Sans Medium
• SemiBold 600Spline Sans SemiBold
• Bold 700Spline Sans Bold

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

О шрифте Spline Sans

Spline Sans — гротеск без засечек, сделанный для интерфейсов продуктов. Он экономит место по горизонтали, сужая привычные пропорции гротеска, а сдержанный тон нарушают небольшие врезки, которые дизайнеры называют thorn traps; они становятся заметны по мере увеличения кегля. На образце буквы простые и прямые, с высокими строчными и плоскими горизонтальными окончаниями штрихов. Шрифт начала Spline Team, а нарисовали Eben Sorkin и Mirko Velimirović; в официальных заметках также указаны Faride Mereb (управление проектом), Gonçalo Teixeira (тестирование и отзывы о дизайне) и Alejandro León (концепция). Spline Sans — вариативный шрифт с осью насыщенности от 300 до 700 и пятью именованными насыщенностями, без курсива. Его 510 глифов охватывают латиницу и расширенную латиницу. Производителем указана Sorkin Type.

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

Оформление заказа и платёжные формы

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

Интерфейсы приложений

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

Абзацный текст в продуктах

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

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

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

Глифы

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

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

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

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

Лицензия

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

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

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

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

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

body {
  font-family: "Spline Sans", sans-serif;
}

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

<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:wght@300..700&display=swap" rel="stylesheet">

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

Курсива нет

У Spline Sans пять прямых именованных насыщенностей. Скачивается один вариативный файл только с осью насыщенности.

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

В шрифтах есть латиница и расширенная латиница; кириллицы и греческого нет.

Врезки видны только в крупном размере

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

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

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

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