Инструменты типографики

Бесплатные интерактивные инструменты для выбора fonts, их сочетания и генерации CSS. Всё работает в вашем браузере.

Генератор сочетаний font

Выберите font и получите рекомендуемые ИИ сочетания с предварительным просмотром.

Открыть инструмент →

Предварительный просмотр font

Предварительный просмотр любого Google Font с настраиваемым текстом, размером, начертанием и цветом.

Открыть инструмент →

Сравнение font

Сравните 2–4 font рядом с одинаковым образцом текста.

Открыть инструмент →

Калькулятор типографской шкалы

Создавайте гармоничные типографские шкалы с использованием коэффициентов 1.25, 1.333, 1.5.

Открыть инструмент →

Конструктор font stack

Создавайте CSS font-family стеки с веб-безопасными запасными вариантами.

Открыть инструмент →

Генератор CSS кода

Генерируйте готовый CSS @import и код font-family для любого Google Font.

Открыть инструмент →

Проверка контрастности

Проверьте соотношение контрастности цвета текста и фона по стандартам WCAG AA и AAA.

Открыть инструмент →

Калькулятор плавной типографики

Создавайте объявления CSS clamp() для плавной адаптивной типографики между размерами viewport.

Открыть инструмент →

Конвертер px / rem / em

Мгновенно конвертируйте между единицами px, rem, em и pt. Задайте базовый размер font.

Открыть инструмент →

Font Pairing Tool

Find perfect font pairings from Google Fonts. Preview heading and body combinations live with adjustable sizes, weights, and colors.

Открыть инструмент →

Площадка для variable font

Интерактивно исследуйте оси variable font — вес, ширину, наклон и оптический размер.

Открыть инструмент →

Frequently Asked Questions

Yes, all typography tools are completely free with no sign-up required. They run entirely in your browser using JavaScript — no data is sent to a server.
Yes. All tools are fully responsive and work on phones, tablets, and desktops. The interactive controls adapt to smaller screens, though some tools like the font compare are most useful on wider viewports.
All modern browsers are supported: Chrome, Firefox, Safari, and Edge. The tools use standard web technologies (CSS, JavaScript, Alpine.js) with no special plugins required. Internet Explorer is not supported.
Google Fonts is a free, open-source library of over 1,700 font families that you can use in any web project. Fonts are served from Google's CDN for fast loading. FontFYI tools use Google Fonts data to let you preview, pair, and generate CSS for any available font.
The tools have access to all 1,911 fonts in the Google Fonts library, covering serif, sans-serif, display, handwriting, and monospace categories. The font list is regularly updated when Google adds new fonts.
Yes. Google Fonts includes fonts for many scripts including Arabic, Chinese, Japanese, Korean, Devanagari, Thai, and more. You can preview and pair these fonts just like Latin fonts. The preview tool lets you enter text in any language to test how a font handles your script.