Overpass

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

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

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

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

О шрифте Overpass

Overpass — семейство гротесков, за основу которого взят Highway Gothic, шрифт из документа Standard Alphabets for Traffic Control Devices, выпущенного Федеральным управлением шоссейных дорог США. Дизайнеры подправили формы этих указателей, чтобы они выдерживали мелкие размеры на экранах, а позже, в светлых насыщенностях, — и крупные. На образце заметны следы первоисточника: косые срезы на концах некоторых штрихов, например на нижнем выносном элементе «p», широкие раскрытия и простые, слегка узкие прописные. Overpass — вариативный шрифт с осью насыщенности от 100 до 900. Девять именованных насыщенностей от Thin до Black есть в прямом начертании и в курсиве, всего 18 начертаний. В шрифтах 1 332 глифа: латиница, расширенная латиница, кириллица и вьетнамский. Авторами указаны Delve Withrington, Dave Bailey и Thomas Jockin; моноширинный спутник существует как отдельное семейство.

Где уместен Overpass

Навигация и указатели

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

Интерфейсы программ

Формы указателей переработали для мелких экранных размеров, а девять насыщенностей с курсивами покрывают всю иерархию интерфейса.

Документация и длинный текст

Regular с настоящим курсивом справляется с длинными фрагментами и в печати, и на экране.

Плакаты и графика для среды

Насыщенности от Thin до Light настроены на крупные размеры; Black даёт тяжёлые заголовки.

Интерфейсы на кириллице

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

Глифы

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

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

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

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

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

Лицензия

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

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

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

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

@font-face {
  font-family: "Overpass";
  src: url("/assets/fonts/Overpass-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Overpass";
  src: url("/assets/fonts/Overpass-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Overpass", sans-serif;
}

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

<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=Overpass:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

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

Одна ось

Overpass меняется только по насыщенности, от 100 до 900.

Моноширинная версия — отдельная

Overpass Mono — другое семейство, и в этот пакет оно не входит.

Греческого нет

Поддерживаются латиница, кириллица и вьетнамский; греческого нет.

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

Подборки с Overpass

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

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

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

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

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

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