Urbanist

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

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

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

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

О шрифте Urbanist

Urbanist — геометрический гротеск, построенный из элементарных форм. На образце O, C и G близки к окружностям, а a, b, d, p и q повторяют одну круглую чашу с прямым штамбом; «a» одноэтажная. Штрихи почти одинаковой толщины, t и f узкие с короткими перекладинами. Corey Hu начал проект в 2020 году, опираясь на типографику и дизайн модернизма, и описывает его как нейтральный акцидентный шрифт для печати и цифровых работ. В семействе девять насыщенностей от Thin до Black, у каждой есть курсив; 18 начертаний поставляются в двух вариативных файлах с осью насыщенности от 100 до 900. В каждом шрифте 487 глифов для латиницы и расширенной латиницы. Urbanist добавлен в Google Fonts в 2021 году и распространяется по лицензии SIL Open Font License 1.1.

Где уместен Urbanist

Фирменный стиль стартапов и продуктов

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

Заголовки посадочных страниц

Thin 100 и Black 900 лежат на противоположных концах одной оси, поэтому на странице можно противопоставить волосной заголовок и жирный призыв к действию.

Портфолио архитекторов и дизайнеров

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

Интерфейсы приложений

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

Презентации

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

Глифы

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

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

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

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

Лицензия

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

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

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

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

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

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

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

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

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

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

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

Одноэтажная «a»

Буква «a» — это круглая чаша со штамбом, та же конструкция, что у b, d, p и q.

Только латиница

487 глифов покрывают наборы символов латиницы и расширенной латиницы.

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

Подборки с Urbanist

• Геометрические гротески

  Гротески, построенные на окружностях, прямых и ровных штрихах: от дизайнов в духе 1920-х до современных фирменных гарнитур.

• Семейства шрифтов с девятью насыщенностями и курсивом

  Полные семейства от Thin до Black с курсивом для каждой насыщенности: восемнадцать начертаний для цельной типографской системы.

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

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