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