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