Mulish

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

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

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

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

О шрифте Mulish

Mulish — минималистичный гротеск, предназначенный и для акцидентного набора, и для основного текста. Vernon Adams нарисовал его в 2011 году и дорабатывал до 2014-го: добавлял насыщенности, расширял поддержку языков, а интервалы и кернинг подтягивал по отзывам пользователей. В 2017 году Jacques Le Bailly обновил семейство и довёл работу до конца после смерти Adams, а в августе 2019 года оно получило вариативную ось насыщенности. На образце простые открытые буквы с одноэтажной «a», круглыми чашами и прямыми штрихами без расширений. Ось насыщенности идёт от 200 до 1000; названы девять насыщенностей, от ExtraLight до ExtraBlack, у каждой есть курсив, всего 18 начертаний. В шрифтах 1 058 глифов, они покрывают Latin, Latin Extended, кириллицу и вьетнамский. Лицензия — SIL Open Font License 1.1.

Где уместен Mulish

Чистый текст интерфейса

Простые штрихи и открытые круглые буквы не загромождают меню, формы и экраны настроек.

Основной текст на сайтах продуктов

Шрифт задумывали и для текста, и для заголовков, а интервалы и кернинг подтягивали за несколько кругов правок.

Лёгкие воздушные заголовки

ExtraLight 200 и Light 300 набирают крупные заголовки тонкой линией, не меняя семейство.

Сверхплотные выделения

Ось продолжается за Black 900 до ExtraBlack 1000, что даёт более плотный набор для одного слова или числа.

Глифы

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

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

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

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

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

Лицензия

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

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

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

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

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

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

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

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

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

Ось идёт до 1000

Названы девять насыщенностей, а самая плотная, ExtraBlack, находится на 1000, а не останавливается на Black 900.

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

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

По умолчанию — ExtraLight

Вариативные файлы открываются на насыщенности 200, поэтому задавайте её явно.

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

Подборки с Mulish

• Минималистичные гротески

  Спокойные малоконтрастные гротески с простыми формами и свободными интервалами: для портфолио, страниц продуктов и сдержанной издательской вёрстки.

• Шрифты с поддержкой вьетнамского

  Семейства с открытой лицензией, в которых есть многоярусные диакритические знаки для вьетнамского; среди них несколько шрифтов, нарисованных во Вьетнаме или для Вьетнама.

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

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