Blinker

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

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

• Thin 100Blinker Thin
• ExtraLight 200Blinker ExtraLight
• Light 300Blinker Light
• Regular 400Blinker Regular
• SemiBold 600Blinker SemiBold
• Bold 700Blinker Bold
• ExtraBold 800Blinker ExtraBold
• Black 900Blinker Black

О шрифте Blinker

Blinker — гротеск, основная форма которого — сквиркл, то есть квадрат со скруглёнными углами. Чаши у «o», «b», «d» и «p» имеют сплюснутые бока и тугие углы вместо круговых кривых, толщина штриха внутри буквы почти не меняется, а окончания срезаны прямо. Официальные заметки рекомендуют его скорее для среднего и крупного текста, чем для длинных отрывков. В этом пакете восемь статических насыщенностей: Thin 100, ExtraLight 200, Light 300, Regular 400, SemiBold 600, Bold 700, ExtraBold 800 и Black 900. Курсива нет, семейство не вариативное. На образце Black сидит теснее и имеет большую высоту строчных, чем насыщенности ниже. В каждом шрифте 457 глифов для латиницы и расширенной латиницы. Juergen Huber нарисовал Blinker в supertype в 2019 году, шрифт опубликован по лицензии SIL Open Font License 1.1.

Где уместен Blinker

Технологические и продуктовые бренды

Квадратные кривые придают названию или слогану сконструированный, инженерный вид, а Thin и Black служат двумя крайностями.

Заголовки и кнопки в интерфейсах

Буквы с плоскими боками равномерно заполняют кнопку или вкладку, а SemiBold и Bold отделяют действия от простых подписей.

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

ExtraBold и Black имеют плотные интервалы и держатся единым блоком в размерах первого экрана.

Тонкие акцидентные строки

Thin 100 и ExtraLight 200 — волосяные насыщенности для крупных цифр и заголовков на дашбордах или плакатах.

Глифы

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

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

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

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

Лицензия

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

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

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

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

@font-face {
  font-family: "Blinker";
  src: url("/assets/fonts/Blinker-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Blinker";
  src: url("/assets/fonts/Blinker-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Blinker";
  src: url("/assets/fonts/Blinker-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Blinker";
  src: url("/assets/fonts/Blinker-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
/* …and 4 more files in the package, declared the same way */

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

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

<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=Blinker:wght@100;200;300;400;600;700;800;900&display=swap" rel="stylesheet">

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

В этом пакете нет Medium

Насыщенности идут от Regular 400 сразу к SemiBold 600; Medium 500 нет.

Курсива нет

Все восемь шрифтов прямые. Выделять приходится более жирной насыщенностью.

Только латиница и расширенная латиница

В Blinker нет кириллицы, греческого и вьетнамского.

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

Подборки с Blinker

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

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

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

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