Encode Sans Condensed

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

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

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

О шрифте Encode Sans Condensed

Encode Sans Condensed — узкий гротеск, одна из пяти ширин суперсемейства Encode Sans наряду с версиями Normal, Semi Condensed, Semi Expanded и Expanded. На образце буквы высокие и сжатые, у круглых форм частично выпрямлены бока, а штрихи остаются почти одинаковыми от волосяного Thin до плотного Black. В семействе девять насыщенностей, от Thin 100 до Black 900, в виде девяти статических файлов; шрифт не вариативный и без курсива. В каждом шрифте 1 200 глифов с латиницей, расширенной латиницей и вьетнамским. Проектом руководит Impallari Type, словолитня из аргентинского Росарио; первую версию нарисовали Pablo Impallari и Andres Torresi, также указан Jacques Le Bailly. Шрифты распространяются под лицензией SIL Open Font License 1.1 с зарезервированным именем шрифта Encode Sans.

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

Заголовки в узких колонках

Сжатые буквы вмещают длинные заголовки в одну строку, а Bold и Black сохраняют их плотность.

Таблицы с данными

Узкая ширина оставляет место для большего числа столбцов, а Regular с SemiBold отделяют значения от заголовков.

Панели навигации и вкладки

Короткие подписи занимают меньше места по горизонтали, чем в ширине Normal.

Навигация и расписания

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

Макеты с разными ширинами

Шрифт разделяет дизайн с другими семействами Encode Sans, поэтому узкий заголовок можно поставить над текстом нормальной ширины.

Глифы

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

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

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

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

Лицензия

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

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

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

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

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

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

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

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

Статические файлы, не вариативные

Это семейство поставляется в виде девяти отдельных файлов TTF. Оси вариативности есть у обычного семейства Encode Sans.

Курсива нет

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

Зарезервированное имя шрифта

Уведомление об авторских правах резервирует имя Encode Sans за исходной версией.

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

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

• Узкие гротески для таблиц и плотной вёрстки

  Сжатые и умеренно сжатые текстовые семейства, в которые на строке помещается больше знаков: для таблиц, боковых колонок, форм и мобильных экранов.

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

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