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