Encode Sans Expanded

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

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

• Thin 100Encode Sans Expanded Thin
• ExtraLight 200Encode Sans Expanded ExtraLight
• Light 300Encode Sans Expanded Light
• Regular 400Encode Sans Expanded Regular
• Medium 500Encode Sans Expanded Medium
• SemiBold 600Encode Sans Expanded SemiBold
• Bold 700Encode Sans Expanded Bold
• ExtraBold 800Encode Sans Expanded ExtraBold
• Black 900Encode Sans Expanded Black

О шрифте Encode Sans Expanded

Encode Sans Expanded — семейство гротесков с широкими буквами и свободным набором. Это одна из пяти ширин суперсемейства Encode Sans наряду с Condensed, Semi Condensed, Normal и Semi Expanded, и в каждой ширине одни и те же девять насыщенностей. В образце видны малоконтрастные штрихи, широкие круглые чаши, открытые окончания штрихов у a, c, e и s, а Thin настолько тонкий, что читается как линейный рисунок, тогда как Black заполняет буквы почти целиком. Девять прямых начертаний — Thin, ExtraLight, Light, Regular, Medium, SemiBold, Bold, ExtraBold и Black — поставляются отдельными статическими файлами; курсива нет. В каждом шрифте 1 200 глифов для латиницы, расширенной латиницы и вьетнамского. Проектом руководит Impallari Type из Росарио, Аргентина, а в официальных заметках сказано, что исходный дизайн создали Pablo Impallari и Andres Torresi.

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

Широкие заголовки и титулы

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

Подписи в навигации и на панелях управления

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

Фирменные системы с несколькими ширинами

Согласованные ширины от Condensed до Expanded позволяют бренду набирать плотные таблицы и просторные заголовки в одном дизайне.

Текст в светлой и тёмной темах

Девять насыщенностей позволяют выбрать чуть более плотное или светлое начертание, чтобы текст выглядел ровно на разных фонах.

Многоязычные сайты

1 200 глифов содержат акценты для языков Центральной Европы, турецкого и вьетнамского в каждой насыщенности.

Глифы

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

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

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

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

Лицензия

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

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

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

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

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

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

Или подключите шрифт из официального источника. Google Fonts отдаёт Encode 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=Encode+Sans+Expanded:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">

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

Только статические файлы

Эта ширина поставляется как девять отдельных шрифтов. Encode Sans Expanded — не вариативный шрифт.

Курсива нет

Все девять начертаний прямые.

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

Буквы шире, чем в ширине Normal суперсемейства, поэтому тому же тексту нужно больше места по горизонтали.

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

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

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

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

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

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