Encode Sans Semi Expanded

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

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

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

О шрифте Encode Sans Semi Expanded

Encode Sans Semi Expanded — семейство гротесков, буквы которого нарисованы чуть шире обычного. Это одно из пяти семейств по ширине в суперсемействе Encode Sans; остальные в официальных заметках перечислены как Normal, Condensed, Semi Condensed и Expanded, и у каждого по девять насыщенностей. Проект ведёт Impallari Type — словолитня из Росарио (Аргентина); первые рисунки принадлежат Pablo Impallari и Andres Torresi, а среди авторов указан и Jacques Le Bailly. На образце буквы открытые и ровные: двухэтажная «a», одноэтажная «g», «R» с прямой ногой и круглые формы с просветом внутри, который дополнительная ширина делает ещё просторнее. Насыщенности идут от волосяного Thin 100 до плотного Black 900. Девять файлов — статические шрифты с 1 200 глифами для латиницы, расширенной латиницы и вьетнамского. Курсива в этом семействе нет.

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

Заголовки, которым нужно занять ширину

Более широкие буквы позволяют короткому заголовку занять колонку, не увеличивая размер.

Дашборды и экраны настроек

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

Основной текст с воздухом

Просторные формы букв у Regular и Light придают абзацам открытую фактуру.

Системы по ширине в рамках одного бренда

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

Глифы

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

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

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

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

Лицензия

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

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

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

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

@font-face {
  font-family: "Encode Sans Semi Expanded";
  src: url("/assets/fonts/EncodeSansSemiExpanded-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Encode Sans Semi Expanded";
  src: url("/assets/fonts/EncodeSansSemiExpanded-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Encode Sans Semi Expanded";
  src: url("/assets/fonts/EncodeSansSemiExpanded-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Encode Sans Semi Expanded";
  src: url("/assets/fonts/EncodeSansSemiExpanded-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 Semi Expanded", sans-serif;
}

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

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

Курсива нет

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

Статические файлы

В загрузке девять отдельных файлов TTF, вариативного шрифта нет.

Одна ширина из пяти

Condensed, Semi Condensed, Normal и Expanded — отдельные семейства.

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

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

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