Mako — sans-serif шрифт; запит «mako шрифт» зазвичай веде до перевірки його вигляду, накреслень і підтримки мов. У цій версії доступне лише звичайне накреслення 400. Українська та кирилиця не підтримуються, тому Mako варто розглядати насамперед для латинських текстів.
Що варто знати перед використанням
У Mako дуже компактний набір: одна товщина, один стиль і статичний формат без variable-можливостей. Це спрощує підключення, але обмежує роботу з ієрархією: для різних рівнів заголовків, підписів і акцентів доведеться керувати розміром, інтервалами або підбирати пару з іншим шрифтом.
Окремо варто врахувати мовну підтримку. У наборі є latin і latin-ext, але немає кирилиці та української. Якщо проєкт містить український інтерфейс, статті або змішаний українсько-англійський контент, цей шрифт не закриє всі текстові сценарії.
| Категорія | sans-serif |
|---|---|
| Насиченості | 400 |
| Стилі | Normal |
| Variable font | Ні |
| Кирилиця | Ні |
| Українська | Ні |
Як виглядає шрифт у реальному тексті
Нижче можна перевірити Mako в живому прев’ю: змінити текст, розмір і доступне накреслення. Це корисно перед використанням у макеті, бо одна й та сама гарнітура може по-різному сприйматися в короткому заголовку, навігації або абзаці.
The quick brown fox jumps over the lazy dog.
Українська та кирилиця
Mako у цій збірці не підтримує українську мову. Також не заявлена підтримка кирилиці. Це означає, що шрифт не варто використовувати для повноцінного українського тексту, українських меню, форм, статей або інтерфейсів, де потрібні літери на кшталт Є, І, Ї, Ґ.
Якщо в проєкті є тільки латинські назви, короткі англомовні підписи або брендовані елементи латиницею, Mako можна протестувати для цих фрагментів. Для української частини сторінки краще обрати інший шрифт із підтвердженою підтримкою Ukrainian або Cyrillic.
Накреслення
Доступний набір накреслень мінімальний: regular 400 і normal style. Жирних, тонких або курсивних варіантів у наданих даних немає. Через це Mako простіше використовувати там, де не потрібна складна типографічна система з кількома вагами.
Де цей шрифт доречно розглядати
Як sans-serif, Mako можна перевіряти в цифрових сценаріях: сайтах, інтерфейсах, коротких блоках тексту, навігації, картках, підписах і простих заголовках. Але через наявність лише однієї ваги він краще працює в ролі одного з елементів системи, а не як єдина гарнітура для всього проєкту.
Для body text його варто тестувати окремо в реальному розмірі, особливо якщо текст довгий. Для заголовків і hero-блоків обмеження ваги також важливе: якщо потрібні виразні контрасти між рівнями, одного regular може бути недостатньо.
У брендингу або лендингах Mako можна розглядати для латинських слів, логотипних підписів, меню чи допоміжної типографіки. Якщо бренд-комунікація містить українську, треба одразу планувати інший шрифт для кириличної частини або повністю замінити гарнітуру.
Для dashboard-інтерфейсів і продуктів із великою кількістю станів — active, disabled, warning, selected — варто пам’ятати про відсутність italic і додаткових weights. У таких випадках ієрархію доведеться будувати не товщиною, а кольором, розміром, відступами та компонентною логікою.
Символи і набори
У Mako заявлені набори latin і latin-ext. Це означає, що шрифт орієнтований на латинські алфавіти та розширені латинські символи. Кириличний набір у metadata відсутній, тому українські символи не слід очікувати як підтримувані.
Перегляньте доступні символи в таблиці нижче, перш ніж використовувати шрифт у реальному контенті або передавати його в дизайн-систему.
Доступні набори символів: latin, latin-ext
Ґ ґ Є є І і Ї ї Аа Бб Вв Гг Дд Ее Жж Зз
0 1 2 3 4 5 6 7 8 9
.,:;!? — – «» “ ” ( ) [ ]
CSS
Цей блок показує базовий спосіб застосування font-family для Mako у стилях. Оскільки доступна лише вага 400 і normal style, CSS-налаштування краще тримати простими й не закладати неіснуючі жирні або курсивні варіанти.
font-family: "Mako", sans-serif;\nfont-weight: 400;\nfont-style: normal;