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