Saira Condensed

Попробовать Saira Condensed

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

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

О шрифте Saira Condensed

Saira Condensed — гротеск, одна из четырёх ширин системы Saira наряду с обычной шириной, Semi Condensed и Extra Condensed. На образце буквы узкие, с «квадратными» кривыми: у o и e почти прямые бока, штрихи ровные, а окончания срезаны плоско. В семействе девять насыщенностей — Thin, ExtraLight, Light, Regular, Medium, SemiBold, Bold, ExtraBold и Black, каждая в отдельном статическом файле; курсива нет, а этот пакет не является вариативным шрифтом. В каждом шрифте 773 глифа в подмножествах латиницы, расширенной латиницы и вьетнамского. Согласно официальному описанию, шрифт нарисовал Hector Gatti, а развила команда Omnibus-Type. Saira Condensed опубликован по SIL Open Font License 1.1.

Где уместен Saira Condensed

Заголовки, экономящие место

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

Таблицы и дашборды

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

Графика о спорте и автоспорте

«Квадратные» кривые и девять насыщенностей подходят для табло времени, составов и гоночных номеров.

Системы со смешанной шириной

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

Глифы

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

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

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

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

Лицензия

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

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

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

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

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

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

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

Девять отдельных файлов

Каждая насыщенность — отдельный статический TTF; выберите те, что нужны.

Курсива нет

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

Одна из четырёх ширин

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

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

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

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