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