Moderustic

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

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

• Light 300Moderustic Light
• Regular 400Moderustic Regular
• Medium 500Moderustic Medium
• SemiBold 600Moderustic SemiBold
• Bold 700Moderustic Bold
• ExtraBold 800Moderustic ExtraBold

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

О шрифте Moderustic

Moderustic — гротеск, сделанный для экранов и текста интерфейсов. Его определяющее свойство — равношироковая конструкция: слово занимает по горизонтали столько же места в Light, сколько и в ExtraBold. Образцы насыщенностей это подтверждают: каждая строка заканчивается в одной точке. Формы простые и округлые, с одноэтажными «a» и «g», «k» с прямой ножкой и открытыми окончаниями у «c» и «s». Семейство вариативное по одной оси, насыщенности, от 300 до 800, с шестью именованными экземплярами: Light, Regular, Medium, SemiBold, Bold и ExtraBold. Курсива нет. 1 541 глиф покрывает латиницу и расширенную латиницу, греческий и кириллицу с её расширенным блоком. Дизайнер — Tural Alisoy, а в файле шрифта изготовителем указан TAFT Foundry.

Где уместен Moderustic

Кнопки, вкладки и меню

Подпись при наведении или выборе может переключаться с Regular на Bold без изменения ширины, поэтому соседние элементы остаются на месте.

Таблицы данных и панели управления

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

Многоязычные приложения

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

Анимация изменения насыщенности

Ось от 300 до 800 можно анимировать при наведении или фокусе, пока вёрстка остаётся на месте.

Сайты продуктов и документации

Шесть насыщенностей дают заголовки, основной текст и подписи из одного вариативного файла.

Глифы

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

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

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

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

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

Лицензия

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

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

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

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

@font-face {
  font-family: "Moderustic";
  src: url("/assets/fonts/Moderustic-VariableFont_wght.ttf") format("truetype");
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}

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

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

<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=Moderustic:wght@300..800&display=swap" rel="stylesheet">

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

Одна ширина во всех насыщенностях

Плотные насыщенности выглядят сравнительно узкими, а светлые сравнительно широкими — это следствие фиксированной ширины.

Курсива нет

У Moderustic только прямые начертания; выделение достигается насыщенностью.

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

Круглую «a» в очень мелких размерах можно принять за «o», поэтому важные строки, например коды, проверяйте.

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

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

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