sans-serif Українська Variable Google Fonts

Geist

Перегляньте характер шрифту, перевірте доступні накреслення та завантажте потрібний формат.

100–900 насиченість 2 стилі Українська символи
Geist Aa ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

Якщо ви шукаєте «geist шрифт», це sans-serif гарнітура без засічок. Geist можна розглядати для інтерфейсів, сайтів, навігації, заголовків і звичайного тексту, де потрібна проста структура літер без декоративних засічок. За наданими даними, шрифт підтримує українську та кирилицю.

Що варто знати перед використанням

У Geist доступний широкий діапазон товщин: від 100 до 900. Це дає змогу будувати помітну ієрархію без переходу на інший шрифт: легші накреслення для другорядного тексту, середні для інтерфейсу, жирніші для акцентів.

Шрифт має normal та italic. Також доступна variable-версія, тому товщину можна налаштовувати гнучкіше, ніж у наборі лише зі статичних файлів. Підтримка мов охоплює latin, latin-ext, cyrillic, cyrillic-ext і vietnamese.

Категорія sans-serif
Насиченості 100, 200, 300, 400, 500, 600, 700, 800, 900
Стилі Italic, Normal
Variable font Так
Кирилиця Так
Українська Так

Як виглядає шрифт у реальному тексті

У превʼю можна перевірити Geist на власному тексті: змінити фразу, розмір і товщину. Це корисніше за оцінку окремих літер, бо шрифт поводиться по-різному в короткому заголовку, меню, абзаці або числових даних.

The quick brown fox jumps over the lazy dog.

Українська та кирилиця

Geist підтримує українські символи. Це означає, що його можна перевіряти не лише на базовій кирилиці, а й на літерах, потрібних для українського тексту: є, і, ї, ґ та їхніх великих формах.

Для українських інтерфейсів і сайтів це практично: не потрібно одразу відкидати шрифт через мовне покриття. Але перед публікацією все одно варто переглянути власні слова, скорочення, назви розділів і числа у live preview.

Geist підтримує українську мову. Шрифт містить ключові українські літери Ґ, Є, І та Ї.

А а Б б В в Г г Ґ ґ Д д Е е Є є Ж ж З з И и І і Ї ї Й й К к Л л М м Н н О о П п Р р С с Т т У у Ф ф Х х Ц ц Ч ч Ш ш Щ щ Ь ь Ю ю Я я

Накреслення

Набір товщин у Geist достатній для побудови кількох рівнів текстової ієрархії. Не обовʼязково використовувати всі значення одночасно: для реального макета часто вистачає 2–4 товщин.

100 ThinThe quick brown fox jumps over the lazy dog.
200 Extra LightThe quick brown fox jumps over the lazy dog.
300 LightThe quick brown fox jumps over the lazy dog.
400 RegularThe quick brown fox jumps over the lazy dog.
500 MediumThe quick brown fox jumps over the lazy dog.
600 Semi BoldThe quick brown fox jumps over the lazy dog.
700 BoldThe quick brown fox jumps over the lazy dog.
800 Extra BoldThe quick brown fox jumps over the lazy dog.
900 BlackThe quick brown fox jumps over the lazy dog.

Окремо варто перевірити italic, якщо в проєкті є цитати, ремарки, виділення або допоміжні підписи. Наявність italic у metadata означає, що такий стиль передбачений у наборі, а не має імітуватися браузером.

ItalicThe quick brown fox jumps over the lazy dog.
NormalThe quick brown fox jumps over the lazy dog.

Variable-версія може бути зручною, коли потрібно точніше підібрати товщину під інтерфейс або адаптивні стани. Конкретні осі, крім факту variable-підтримки, тут не описуються, тому їх краще дивитися в технічному блоці сайту.

Де цей шрифт доречно розглядати

Оскільки Geist належить до sans-serif, його логічно тестувати в задачах, де потрібен текст без засічок і з передбачуваною поведінкою в цифровому середовищі.

Його можна розглядати для:

  • вебсайтів із великою кількістю текстових елементів;
  • інтерфейсів застосунків, меню, кнопок і форм;
  • dashboard-екранів, де поруч стоять підписи, числа й короткі статуси;
  • body text, якщо у вашому розмірі та міжрядді він читається комфортно;
  • заголовків і підзаголовків завдяки діапазону 100–900;
  • брендингових систем, де потрібна одна гарнітура для кількох рівнів комунікації.

Це не означає, що Geist автоматично буде найкращим у кожному макеті. Для довгих українських текстів варто перевірити абзаци, перенос рядків, щільність набору та вигляд italic саме у вашому контексті.

Символи і набори

За metadata у Geist присутні набори latin, latin-ext, cyrillic, cyrillic-ext і vietnamese. Для сторінок із кількома мовами це може бути корисно, бо один шрифт покриває не лише базову латиницю.

Повний перегляд символів краще робити через таблицю glyphs нижче. Вона показує фактичний набір, доступний на сайті.

Доступні набори символів: cyrillic, cyrillic-ext, latin, latin-ext, vietnamese

Українська

Ґ ґ Є є І і Ї ї Аа Бб Вв Гг Дд Ее Жж Зз

Цифри

0 1 2 3 4 5 6 7 8 9

Пунктуація

.,:;!? — – «» “ ” ( ) [ ]

CSS

Цей блок показує базовий спосіб підключення через font-family для використання Geist у стилях. Конкретний спосіб імпорту або встановлення залежить від вашого проєкту та налаштувань сайту.

font-family: "Geist", sans-serif;\nfont-weight: 400;\nfont-style: normal;

Де ще зустрічається

Колекції з Geist

Усі колекції