Sansation

Попробовать Sansation

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

• Light 300Sansation Light Light Italic
• Regular 400Sansation Regular Курсив
• Bold 700Sansation Bold Bold Italic

О шрифте Sansation

Sansation — семейство гротесков с широкими пропорциями и штрихами одинаковой толщины. На образце изгибы у таких букв, как «a», «e», «o» и «s», сплющены до скруглённых квадратов, а несколько форм отходит от привычных: перекладины прописных «A» и «B» выступают за левый штамб, «K» и «k» присоединяют выносные элементы к штамбу нестандартным образом, а амперсанд — открытая форма, напоминающая «E». Цифры широкие и равны по высоте прописным. Семейство состоит из шести статических файлов: Light 300, Regular 400 и Bold 700, у каждого есть курсив. Это не вариативный шрифт. 533 глифа покрывают латиницу, расширенную латиницу, кириллицу и греческий. Дизайнером в шрифте назван Bernd Montag, лицензия — SIL Open Font License 1.1.

Где уместен Sansation

Интерфейсы технологий и игр

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

Заголовки с узнаваемой деталью

Выступающие перекладины «A» и «B» и необычная «K» заметны в размере заголовка.

Короткие тексты с выделением

Regular с курсивом и Bold покрывают абзацы, выделенные слова и подзаголовки.

Русская и греческая версии дизайна

Кириллица и греческий находятся в тех же шести файлах, что и латиница.

Глифы

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

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

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

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

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

Лицензия

Шрифты в пару к Sansation

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

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

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

@font-face {
  font-family: "Sansation";
  src: url("/assets/fonts/Sansation-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sansation";
  src: url("/assets/fonts/Sansation-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Sansation";
  src: url("/assets/fonts/Sansation-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Sansation";
  src: url("/assets/fonts/Sansation-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/* …and 2 more files in the package, declared the same way */

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

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

<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=Sansation:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet">

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

Шесть статических файлов

У Light, Regular и Bold есть курсив. Между 400 и 700 нет ступени Medium или SemiBold.

Не вариативный шрифт

Каждый стиль — отдельный файл, поэтому страница, использующая все шесть, загружает шесть шрифтов.

Своеобразные «A», «B» и «K»

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

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

Подборки с Sansation

• Квадратные гротески для технических и игровых интерфейсов

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

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

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