Barlow Condensed

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

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

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

О шрифте Barlow Condensed

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

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

Заголовки плакатов и баннеров

Высокие узкие прописные позволяют набрать длинную строку крупно в заданной ширине, а Black 900 придаёт ей массу.

Плотные таблицы и панели с данными

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

Вывески и навигация в пространстве

Формы букв пришли с дорожных знаков и автомобильных номеров, которые делали так, чтобы их можно было быстро прочитать.

Подписи навигации на маленьких экранах

Medium и SemiBold удерживают пункты меню в одной строке в панелях вкладок и боковых меню.

Заголовки над текстом Barlow

Три ширины Barlow имеют одни и те же насыщенности, поэтому узкий заголовок согласуется с абзацами обычной ширины.

Глифы

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

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

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

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

Лицензия

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

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

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

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

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

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

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

Восемнадцать статических файлов

Каждая насыщенность и каждый курсив — отдельный файл. Вариативного шрифта в пакете нет.

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

Barlow и Barlow Semi Condensed выпускаются как отдельные семейства с теми же девятью насыщенностями.

Вьетнамский добавлен в 2018 году

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

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

Подборки с Barlow Condensed

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

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

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

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