Zalando Sans SemiExpanded

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

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

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

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

О шрифте Zalando Sans SemiExpanded

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

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

Заголовки брендов и кампаний

Широкие прописные и круглые O заполняют баннер начертанием Bold 700 или Black 900 из нескольких слов.

Страницы продуктов и категорий

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

Кнопки и навигация

Дополнительная ширина сохраняет читаемость коротких подписей в малых размерах, ценой меньшего числа знаков в строке.

Вордмарки и короткие заголовки

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

Многоязычные интернет-магазины

Наборы расширенной латиницы и вьетнамского позволяют оставить страницы для Центральной Европы и Вьетнама в одной гарнитуре.

Глифы

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

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

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

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

Лицензия

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

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

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

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

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

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

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

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

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

Занимает больше места

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

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

Прямое начертание и курсив поставляются каждое одним вариативным файлом с насыщенностями от 200 до 900. Thin 100 нет.

Имя зарезервировано

Лицензия резервирует имя Zalando, поэтому изменённые версии нужно переименовывать.

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

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

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