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