Fira Sans Extra Condensed

Попробовать Fira Sans Extra Condensed

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

• Thin 100Fira Sans Extra Condensed Thin Thin Italic
• ExtraLight 200Fira Sans Extra Condensed ExtraLight ExtraLight Italic
• Light 300Fira Sans Extra Condensed Light Light Italic
• Regular 400Fira Sans Extra Condensed Regular Курсив
• Medium 500Fira Sans Extra Condensed Medium Medium Italic
• SemiBold 600Fira Sans Extra Condensed SemiBold SemiBold Italic
• Bold 700Fira Sans Extra Condensed Bold Bold Italic
• ExtraBold 800Fira Sans Extra Condensed ExtraBold ExtraBold Italic
• Black 900Fira Sans Extra Condensed Black Black Italic

О шрифте Fira Sans Extra Condensed

Fira Sans Extra Condensed — гуманистический гротеск, сжатый до очень узких пропорций; это самая плотная из трёх ширин, в которых предлагается семейство Fira. Шрифты Fira создавали под характер Firefox OS от Mozilla и для чёткого чтения на телефонах с экранами разного качества и разной отрисовкой. На образце видно, что, несмотря на сжатие, буквы сохраняют открытые раскрытия и высокие строчные, а толщина штрихов остаётся почти одинаковой. Семейство поставляется статическими файлами: от Thin 100 до Black 900, прямые и курсивные, 18 начертаний. В каждом шрифте 2 677 глифов с наборами символов латиницы, кириллицы, греческого и вьетнамского. Проектом руководит Carrois; в таблице name внутри шрифта указаны Carrois Corporate и Edenspiekermann AG, а в лицензионном уведомлении названы The Mozilla Foundation и Telefonica S.A.

Где уместен Fira Sans Extra Condensed

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

Сверхузкая ширина позволяет уместить длинный заголовок в одну строку узкой колонки или экрана телефона, а Bold и Black придают ему вес.

Таблицы данных и панели управления

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

Навигация, вкладки и теги

Подписи, которые в шрифте обычной ширины перенеслись бы на вторую строку, остаются в одной, а Medium и SemiBold подходят для активного состояния.

Заголовки на нескольких письменностях

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

Акценты без второго семейства

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

Глифы

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

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

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

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

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

Лицензия

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

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

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

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

@font-face {
  font-family: "Fira Sans Extra Condensed";
  src: url("/assets/fonts/FiraSansExtraCondensed-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans Extra Condensed";
  src: url("/assets/fonts/FiraSansExtraCondensed-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans Extra Condensed";
  src: url("/assets/fonts/FiraSansExtraCondensed-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans Extra Condensed";
  src: url("/assets/fonts/FiraSansExtraCondensed-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
/* …and 14 more files in the package, declared the same way */

body {
  font-family: "Fira Sans Extra Condensed", sans-serif;
}

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

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

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

Fira Sans Extra Condensed не вариативный шрифт. В загрузке 18 отдельных файлов TTF — по одному на каждую насыщенность и начертание.

Одна ширина из трёх

Официальные примечания описывают Fira как семейство в трёх ширинах, во всех есть курсив, плюс моноширинный вариант. Эта страница посвящена только самой узкой ширине.

Авторство в источниках указано по-разному

В каталоге дизайнером указан Carrois Apostrophe, а в таблице name самого шрифта — Carrois Corporate & Edenspiekermann AG.

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

Подборки с Fira Sans Extra Condensed

• Узкие шрифты для заголовков

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

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

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