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