display Latin Variable Google Fonts

Gluten

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

100–900 насиченість 1 стиль Latin символи
Gluten Aa ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

Gluten шрифт — це display-шрифт для акцентної типографіки: заголовків, постерів, hero-блоків і коротких написів. У доступних даних для нього вказані латинські набори, але немає підтримки кирилиці та української, тому для повноцінного українського тексту його варто замінити або перевіряти альтернативи.

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

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

Є лише пряме накреслення normal. Italic у доступних даних не вказаний, тож курсивні акценти краще планувати окремо. Шрифт також має variable-версію, що дає гнучкішу роботу з товщиною в межах доступного діапазону.

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

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

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

The quick brown fox jumps over the lazy dog.

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

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

Якщо у макеті є український текст, краще підібрати інший шрифт із підтвердженою підтримкою Ukrainian або використовувати Gluten лише там, де текст складається з підтримуваних латинських символів.

Накреслення

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

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.
NormalThe quick brown fox jumps over the lazy dog.

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

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

Gluten належить до категорії display, тому його логічно тестувати в акцентних ролях. Насамперед це заголовки, великі написи, обкладинки, постери, банери, hero sections і окремі елементи айдентики.

Для довгого body text сама категорія display не є гарантією зручності. Якщо потрібно набрати кілька абзаців або інтерфейсний текст, варто перевіряти читання в реальних розмірах і, з огляду на відсутність української підтримки, мати запасний шрифт для локалізованого контенту.

Практичні сценарії для перевірки:

  • короткі латинські заголовки;
  • промо-блоки та банери;
  • декоративні написи в social creatives;
  • логотипні або бренд-акценти;
  • великі цифри чи окремі слова, якщо потрібний широкий діапазон товщин.

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

У доступних даних для Gluten вказані subsets: latin, latin-ext і vietnamese. Це визначає, які мовні набори варто перевіряти в першу чергу. Кириличний набір не заявлений.

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

Українська

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

Цифри

0 1 2 3 4 5 6 7 8 9

Пунктуація

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

CSS

Блок нижче показує базовий спосіб використання font-family у CSS. Його можна взяти як стартову точку, а конкретні значення товщини добирати відповідно до доступних weights.

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

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

Колекції з Gluten

Усі колекції