Barlow Semi Condensed

Попробовать Barlow Semi Condensed

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

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

О шрифте Barlow Semi Condensed

Barlow Semi Condensed — гротеск с низким контрастом штрихов и слегка скруглёнными окончаниями, набранный чуть уже обычного. Это одна из трёх ширин суперсемейства Barlow: она находится между Barlow и Barlow Condensed. На образце буквы экономят место, но не выглядят сжатыми: просветы в «a», «e» и «g» остаются открытыми, а цифры легко различить. Стиль взят из повседневных калифорнийских надписей — на автомобильных номерах и дорожных знаках. Девять насыщенностей от Thin до Black, к каждой есть курсив — 18 начертаний в отдельных статических файлах; семейство не вариативное. В каждом шрифте 680 глифов с латиницей, расширенной латиницей и вьетнамским. Проект возглавляет Jeremy Tribby, чья студия в таблице name названа Tribby Type, лицензия — SIL Open Font License 1.1.

Где уместен Barlow Semi Condensed

Боковые панели, карточки и компактные интерфейсы

Умеренное сужение помогает вместить подписи подлиннее в компоненты фиксированной ширины, а открытые просветы сохраняют читаемость.

Формы и таблицы данных

Regular и Medium экономят немного ширины в каждой ячейке, а по многим столбцам это складывается.

Подзаголовки и подписи рядом с Barlow

Во всех трёх ширинах Barlow одни и те же девять насыщенностей, так что подзаголовок Barlow Semi Condensed точно соответствует основному тексту насыщенность в насыщенность.

Текст в узких колонках

На телефонах и в многоколоночных макетах чуть более плотный набор вмещает в строку больше слов, чем обычная ширина.

Расписания и транспортная информация

Рисунок заимствует формы дорожных и транспортных надписей и удерживает время и названия остановок в плотных строках.

Глифы

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

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

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

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

Лицензия

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

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

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

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

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

Или подключите шрифт из официального источника. Google Fonts отдаёт Barlow Semi 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=Barlow+Semi+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">

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

Только статические файлы

В пакете 18 файлов, по одному на начертание, и вариативного шрифта нет.

Те же насыщенности, что у родственных ширин

Barlow и Barlow Condensed предлагают тот же диапазон от Thin до Black, поэтому ширины можно смешивать в одном макете.

Только латиница и вьетнамский

680 глифов покрывают Latin, Latin Extended и Vietnamese; кириллицы и греческого нет.

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

Подборки с Barlow Semi Condensed

• Шрифты для субтитров и подписей к видео

  Простые прочные гротески для субтитров и подписей, выбранные за чёткие буквы в мелких размерах и, как правило, широкий охват языков.

• Шрифты для вывесок и навигации

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

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

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

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

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