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