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