Signika

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

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

• Light 300Signika Light
• Regular 400Signika Regular
• Medium 500Signika Medium
• SemiBold 600Signika SemiBold
• Bold 700Signika Bold

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

О шрифте Signika

Signika — семейство гротесков, разработанное для навигации и указателей. Толщина штрихов у него почти не меняется, а строчные буквы высокие; по официальным заметкам, эти два решения связаны с чтением мелкого текста и чтением издалека. В образце окончания штрихов срезаны под небольшим углом, у l есть хвостик, а у a и g открытые, различимые формы, из-за чего у шрифта мягкий тон. Цифры нарисованы как табличные. Signika — вариативный шрифт с двумя осями: насыщенность от 300 до 700 и Grade от -30 до 0; последнюю добавили в июле 2023 года, чтобы справиться с оптическими эффектами светлого текста на тёмном фоне. Именованные насыщенности — Light, Regular, Medium, SemiBold и Bold; курсива нет. В шрифте 1 414 глифов для латиницы, расширенной латиницы и вьетнамского. Автор шрифта — Anna Giedryś.

Где уместен Signika

Навигация и указатели

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

Текст интерфейса

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

Инфографика

Табличные цифры выравниваются в диаграммах, расписаниях и прайс-листах.

Карты и планы помещений

Хвостик у l и чёткие a и g помогают различать похожие формы в мелких названиях мест и подписях помещений.

Информационные листовки

Диапазон от Light до Bold подходит для основного текста, подзаголовков и предупреждений в формах, листовках и объявлениях.

Глифы

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

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

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

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

Лицензия

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

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

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

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

@font-face {
  font-family: "Signika";
  src: url("/assets/fonts/Signika-VariableFont_GRAD%2Cwght.ttf") format("truetype");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

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

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

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

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

Ось Grade от -30 до 0

Grade — вторая вариативная ось. Значение по умолчанию — 0, а отрицательные значения делают штрихи немного тоньше.

Курсива нет

У Signika пять прямых насыщенностей, курсивных начертаний нет.

Вариант по умолчанию — Light

По умолчанию ось насыщенности равна 300, поэтому там, где программа не читает именованные варианты, задавайте насыщенность явно.

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

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

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