Генератор типографічної шкали

Про цей інструмент

Генератор типографічної шкали обчислює модульну шкалу розмірів шрифту на основі базового розміру та коефіцієнта — від Minor Second (1.067) до золотого перетину (1.618) — і видає дев'ять розмірів як користувацькі властивості CSS.

Як користуватися

1. Введіть базовий розмір шрифту в пікселях (16 px — стандартне значення браузера).
2. Оберіть коефіцієнт шкали, наприклад Major Third (1.25).
3. Виберіть одиницю виведення: rem, px або em.
4. Натисніть «Копіювати CSS-змінні», щоб використати розміри від --xs до --4xl.

Корисно знати

• Кожен крок модульної шкали — це попередній розмір, помножений на той самий коефіцієнт.
• Генератор створює дев'ять кроків: два нижче базового, базовий і шість вище.
• Менші коефіцієнти (1.067–1.2) пасують до щільних інтерфейсів, більші (1.333–1.618) — до редакційних сторінок із великими заголовками.
• Значення rem обчислюються відносно кореневого розміру шрифту 16 px.
• Завдяки rem текст масштабується відповідно до налаштувань розміру шрифту в браузері користувача.

Працює повністю у вашому браузері — нічого з того, що ви вводите, не завантажується й не зберігається.

Поширені запитання