Fustat шрифт — це sans-serif гарнітура з доступними накресленнями від 200 до 800 і підтримкою variable-версії. За типом це шрифт без зарубок, тому його можна розглядати для інтерфейсів, сайтів, навігації, заголовків і текстових блоків. Українська та кирилиця в наданих даних для Fustat не підтримуються.
Що варто знати перед використанням
У Fustat є сім ваг: від 200 до 800. Це дає достатньо простору для побудови ієрархії: легші накреслення можна тестувати для другорядного тексту, середні — для основного набору, жирніші — для акцентів і заголовків.
Курсивних стилів у доступних даних немає: стиль вказаний тільки як normal. Якщо в макеті потрібні справжні italic-накреслення, це обмеження варто врахувати до впровадження.
Шрифт має variable-версію, тож його можна гнучкіше налаштовувати за товщиною в межах доступного діапазону. Водночас у метаданих не вказані додаткові осі, тому не варто припускати можливості, яких немає в характеристиках.
| Категорія | sans-serif |
|---|---|
| Насиченості | 200, 300, 400, 500, 600, 700, 800 |
| Стилі | Normal |
| Variable font | Так |
| Кирилиця | Ні |
| Українська | Ні |
Як виглядає шрифт у реальному тексті
Найкраще оцінювати Fustat не за статичним зразком, а в реальному фрагменті тексту. У прев’ю можна змінити напис, розмір і weight, щоб перевірити, як шрифт працює в заголовку, кнопці, картці інтерфейсу або довшому абзаці.
The quick brown fox jumps over the lazy dog.
Українська та кирилиця
За наданими даними Fustat не підтримує кирилицю і не підтримує українську. Це означає, що його не варто планувати як основний шрифт для повноцінного українського інтерфейсу, статей, меню або комерційних текстів українською.
Якщо проєкт містить український контент, Fustat можна тестувати лише для частин, де використовуються підтримувані набори символів. Для українських фрагментів потрібна окрема гарнітура з підтвердженою підтримкою української.
Накреслення
Діапазон ваг від 200 до 800 корисний для системної типографіки: можна розділяти рівні заголовків, підписи, основний текст і акценти без переходу на іншу гарнітуру. Оскільки доступний тільки normal-стиль, варто заздалегідь перевірити, чи не залежить дизайн від курсиву.
Variable-версія допомагає точніше підібрати товщину під конкретний розмір і контекст. Це практично для інтерфейсів, де різниця між сусідніми вагами може впливати на щільність і візуальну ієрархію.
Де цей шрифт доречно розглядати
Як sans-serif, Fustat можна розглядати для цифрових інтерфейсів, вебсторінок, меню, карток, навігації, дашбордів і коротких текстових блоків. Беззарубковий тип зазвичай добре вписується в структури, де важливі чітка сітка, рівномірний ритм і швидке сканування інформації.
Для заголовків шрифт має кілька жирніших ваг, зокрема 600, 700 і 800. Це дає змогу будувати помітніші рівні ієрархії без окремої display-гарнітури. Легші ваги 200 і 300 можна тестувати для великих кеглів або другорядних підписів, але їхню помітність краще перевіряти в конкретному макеті.
Для body text Fustat варто оцінювати через live preview: довжина рядка, розмір, міжрядковий інтервал і контраст фону можуть сильно змінити враження. Окреме обмеження — відсутність української та кирилиці, тому для україномовних сторінок він не може бути єдиною основною гарнітурою.
У брендингу або айдентиці Fustat можна тестувати для латинських і арабських написів, якщо ці мовні набори відповідають задачі. Для багатомовних систем із українською потрібно одразу планувати пару або альтернативу з кириличним набором.
Символи і набори
У метаданих Fustat зазначені набори arabic, latin і latin-ext. Це означає, що шрифт має підтримку арабського набору, базової латини та розширеної латини. Кириличний subset відсутній, тому українські символи не входять до підтвердженої підтримки.
Доступні набори символів: arabic, latin, latin-ext
Ґ ґ Є є І і Ї ї Аа Бб Вв Гг Дд Ее Жж Зз
0 1 2 3 4 5 6 7 8 9
.,:;!? — – «» “ ” ( ) [ ]
CSS
Цей блок показує базовий спосіб підключення font-family у стилях. Використовуйте його як відправну точку, а конкретні weight і параметри підбирайте під макет та доступні накреслення.
font-family: "Fustat", sans-serif;\nfont-weight: 400;\nfont-style: normal;