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