Zalando Sans Expanded

Попробовать Zalando Sans Expanded

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

• ExtraLight 200Zalando Sans Expanded ExtraLight ExtraLight Italic
• Light 300Zalando Sans Expanded Light Light Italic
• Regular 400Zalando Sans Expanded Regular Курсив
• Medium 500Zalando Sans Expanded Medium Medium Italic
• SemiBold 600Zalando Sans Expanded SemiBold SemiBold Italic
• Bold 700Zalando Sans Expanded Bold Bold Italic
• ExtraBold 800Zalando Sans Expanded ExtraBold ExtraBold Italic
• Black 900Zalando Sans Expanded Black Black Italic

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

О шрифте Zalando Sans Expanded

Zalando Sans Expanded — гротеск, нарисованный в расширенной ширине. В образце шрифта круглые буквы O, C, G и Q заметно шире, чем высоки, строчные так же растянуты в стороны, а цифры соответствуют этой ширине; штрихи ровные, окончания прямые. Проект и уведомление об авторских правах у него общие с Zalando Sans, но если у того семейства есть ось ширины, то здесь ширина зафиксирована на широком значении, а меняется только насыщенность. Два вариативных файла, прямой и курсивный, охватывают диапазон от 200 до 900; восемь именованных насыщенностей — от ExtraLight до Black — дают 16 начертаний. 603 глифа покрывают латиницу, расширенную латиницу и вьетнамский. В каталоге указаны Jakob Ekelund, KH Type и Zalando, а в таблице name — Kurppa Hosk, KH Type и Jakob Ekelund. Лицензия — SIL Open Font License 1.1.

Где уместен Zalando Sans Expanded

Широкие заголовки на первом экране

Растянутые буквы превращают короткую фразу в полосу во всю ширину макета, особенно в начертаниях Bold и Black.

Вордмарки

Название бренда выигрывает в заметности уже за счёт ширины, а ось насыщенности позволяет точно подобрать толщину штриха.

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

Пункты навигации и метки разделов из одного-двух слов хорошо читаются в широких прописных.

Светлые акцидентные строки

ExtraLight 200 в крупных размерах даёт широкий тонкий заголовок, контрастирующий с жирными.

Глифы

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

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

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

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

Лицензия

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

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

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

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

@font-face {
  font-family: "Zalando Sans Expanded";
  src: url("/assets/fonts/ZalandoSansExpanded-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 200 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Zalando Sans Expanded";
  src: url("/assets/fonts/ZalandoSansExpanded-VariableFont_wght.ttf") format("truetype");
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}

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

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

<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=Zalando+Sans+Expanded:ital,wght@0,200..900;1,200..900&display=swap" rel="stylesheet">

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

Единственная ось — насыщенность

Ширина зафиксирована. Ось ширины есть у родственного семейства Zalando Sans.

Занимает много места по горизонтали

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

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

Прямое начертание и курсив — отдельные вариативные шрифты, каждый в диапазоне от 200 до 900. Статические файлы можно взять у официального источника.

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

Подборки с Zalando Sans Expanded

• Широкие и расширенные шрифты для заголовков и логотипов

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

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

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