Предпросмотр шрифтов

Тестируйте любой Google Font с настраиваемым текстом, размером, насыщенностью, интервалом и цветами. Копируйте CSS мгновенно.

48px
400
0px
1.4
Preview
The quick brown fox jumps over the lazy dog.
Generated CSS

Что такое инструмент предпросмотра шрифтов?

Инструмент предпросмотра шрифтов позволяет тестировать типографику в реальном времени без написания кода. Выберите любой из 2 000+ шрифтов Google Fonts, настройте размер, насыщенность, межбуквенный интервал и межстрочный интервал.

Для кого этот инструмент?

Дизайнеры используют его для быстрого сравнения шрифтов для заголовков и основного текста. Разработчики настраивают CSS перед добавлением в проект. Любой, кто создаёт сайт или бренд, может визуально исследовать Google Fonts и скопировать готовый CSS одним кликом.

Как использовать конфигуратор шрифтов

Нажмите на кнопку "Семейство шрифтов", чтобы открыть список и найти нужный из 2 000+ шрифтов. Введите образец текста, затем с помощью ползунков настройте размер (8-200px), насыщенность (100-900), интервалы. Панель CSS обновляется мгновенно.

Google Fonts - бесплатно и с открытым исходным кодом

Все 2 000+ шрифтов в этом инструменте из Google Fonts - бесплатной библиотеки с открытым исходным кодом. Их можно использовать на любом сайте через простой CSS-импорт без лицензионных платежей. Сгенерированный CSS-сниппет включает правильную строку импорта.