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