Sofia Sans Condensed

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

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

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

Sofia Sans Condensed — вариативный шрифт: весь диапазон насыщенностей в архиве умещается в отдельных файлах для каждого начертания, а названные выше насыщенности — точки в этом диапазоне.

О шрифте Sofia Sans Condensed

Sofia Sans Condensed — узкий гротеск и одна из ширин системы Sofia Sans, которая, как сказано в официальных заметках, изначально создавалась как гарнитура для Софии, столицы Болгарии. Буквы высокие и прямые, с прямыми боками дуг и мягко скруглёнными углами; строчные высокие по сравнению с прописными, а круглые, как o и e, сжаты в овалы с плоскими боками. Семейство — вариативный шрифт с осью насыщенности от 1 до 1000, с девятью именованными насыщенностями от Thin 100 до Black 900 в прямом начертании и курсиве, всего 18 начертаний. В шрифтах 938 глифов с латиницей, расширенной латиницей, кириллицей и греческим. В официальном описании в составе OpenType указаны капитель, несколько стилей цифр, стрелки и цифры в кружках. Дизайнеры — Botio Nikoltchev и Ani Petrova из Lettersoup.

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

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

Сжатые буквы вмещают длинный заголовок на экран телефона или в газетную колонку в любой насыщенности вплоть до Black.

Тексты на болгарском, русском и греческом

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

Таблицы и списки

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

Навигация и городская информация

Система возникла как гарнитура для города, а её прямые экономные буквы подходят для указателей и общественных объявлений.

Плотные панели интерфейса

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

Глифы

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

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

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

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

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

Лицензия

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

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

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

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

@font-face {
  font-family: "Sofia Sans Condensed";
  src: url("/assets/fonts/SofiaSansCondensed-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 1 1000;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Sofia Sans Condensed";
  src: url("/assets/fonts/SofiaSansCondensed-VariableFont_wght.ttf") format("truetype");
  font-weight: 1 1000;
  font-style: normal;
  font-display: swap;
}

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

Или подключите шрифт из официального источника. Google Fonts отдаёт Sofia 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=Sofia+Sans+Condensed:ital,wght@0,1..1000;1,1..1000&display=swap" rel="stylesheet">

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

Ось насыщенности от 1 до 1000

Ось шире именованного диапазона от 100 до 900, поэтому можно задать значения светлее Thin и тяжелее Black.

Одна из нескольких ширин

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

Два вариативных файла

Прямое начертание и курсив — отдельные вариативные файлы; каждый охватывает всю ось насыщенности.

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

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

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

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

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

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