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