Barlow

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

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

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

О шрифте Barlow

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

Где уместен Barlow

Интерфейсы продуктов

Ровные штрихи и высокие строчные сохраняют ясность Regular и Medium в кнопках, списках и экранах настроек.

Навигация и транспортная информация

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

Фирменный стиль с тремя ширинами

У Barlow, Barlow Semi Condensed и Barlow Condensed общие девять насыщенностей, поэтому бренд может набрать текст, подписи и заголовки одним рисунком.

Основной текст сайта

Regular с курсивом подходит для абзацев, а SemiBold или Bold выделяют заголовки без второго семейства.

Презентации и отчёты

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

Глифы

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

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

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

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

Лицензия

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

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

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

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

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

Или подключите шрифт из официального источника. Google Fonts отдаёт Barlow с такой разметкой:

<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: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 Semi Condensed и Barlow Condensed — отдельные семейства.

Кириллицы и греческого нет

680 глифов охватывают латиницу, расширенную латиницу и вьетнамский.

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

Подборки с Barlow

• Шрифты для презентаций и слайдов

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

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

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