Manrope

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

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

• ExtraLight 200Manrope ExtraLight
• Light 300Manrope Light
• Regular 400Manrope Regular
• Medium 500Manrope Medium
• SemiBold 600Manrope SemiBold
• Bold 700Manrope Bold
• ExtraBold 800Manrope ExtraBold

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

О шрифте Manrope

Manrope — гротеск с открытым исходным кодом, который Mikhail Sharanda нарисовал в 2018 году. Через год вместе с Mirko Velimirovic он сделал его вариативным, и теперь семейство поставляется одним файлом с осью насыщенности от 200 до 800. Названы семь насыщенностей, от ExtraLight до ExtraBold. На образце круглые буквы близки к окружности, окончания штрихов срезаны ровно, «g» одноэтажная, а «a» сохраняет два этажа, фигурные и круглые скобки высокие и узкие. Цифры широкие и открытые. Курсивных начертаний в Manrope нет. Его 740 глифов покрывают Latin, Latin Extended, кириллицу, греческий и вьетнамский, поэтому шрифт годится как для интерфейсов на русском и греческом, так и для западноевропейских. Лицензия — SIL Open Font License 1.1.

Где уместен Manrope

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

Открытые широкие цифры и ровные окончания штрихов сохраняют чёткость подписей, цен и счётчиков в кнопках и таблицах.

Посадочные страницы

ExtraBold 800 для заголовка и Regular для текста берутся из одного вариативного файла размером 167 КБ.

Интерфейсы на русском или греческом

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

Брендинг стартапов и технологических компаний

Почти круглые чаши и одноэтажная «g» дают вордмарку чистый современный контур.

Глифы

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

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

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

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

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

Лицензия

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

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

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

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

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

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

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

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

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

Курсивов нет

В Manrope только прямые начертания. Если браузер запросит курсив, он искусственно наклонит прямое начертание.

По умолчанию — самая светлая насыщенность

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

Диапазон заканчивается на ExtraBold

Ось насыщенности идёт от 200 до 800; начертаний Thin и Black нет.

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

Подборки с Manrope

• Чёткие гротески для интерфейсов приложений

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

• Шрифты с поддержкой кириллицы

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

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

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