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