Mako

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

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

• Regular 400Mako Regular

О шрифте Mako

Mako — шрифт без засечек, который Vernon Adams нарисовал для браузеров на компьютерах, ноутбуках и телефонах. В официальном описании он назван минималистичным, и образец это подтверждает: штрихи почти одинаковой толщины, окончания срезаны прямо, а округлые буквы слегка квадратные и узкие, поэтому слова плотно ложатся в строку, не создавая тесноты. Строчные высокие, «a» и «g» сохраняют простые открытые формы, а цифры по высоте равны прописным. В семействе одно начертание Regular, без жирного и курсива, и это не вариативный шрифт. Его 401 глиф охватывает латиницу и расширенную латиницу, включая буквы для турецкого, польского и румынского, а обновление в июле 2023 года расширило набор глифов. В уведомлении об авторских правах указаны The Mako Project Authors, лицензия — SIL Open Font License 1.1.

Где уместен Mako

Навигация и меню

Узкие квадратные буквы позволяют уместить в шапке сайта на маленьком экране несколько пунктов меню.

Текст мобильного интерфейса

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

Компактные заголовки

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

Кнопки и подписи в формах

Ровные штрихи и простые формы хорошо читаются в подписях из одного-двух слов.

Глифы

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

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

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

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

Лицензия

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

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

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

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

@font-face {
  font-family: "Mako";
  src: url("/assets/fonts/Mako-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

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

<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=Mako&display=swap" rel="stylesheet">

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

Одно начертание

У Mako только Regular 400; жирное начертание браузер сымитирует, если его не даст другое семейство.

Курсива нет

Файла с курсивом нет, поэтому наклонный текст получается искусственно.

Только латинские письменности

Поддерживаются латиница и расширенная латиница. Кириллицы и греческого нет.

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

Подборки с Mako

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

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

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

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