Предпросматривайте Google Fonts, настраивайте размер, начертание, интервалы и сравнивайте шрифты рядом
Инструменты разработчика
Об инструменте
Предпросмотр шрифтов позволяет просматривать и сравнивать более 50 Google Fonts с полным контролем размера, начертания, стиля, интервалов и цвета. Предлагает три режима просмотра — предпросмотр, образец и сравнение — и генерирует готовый CSS-код с копированием в один клик.
Основные функции
- Более 50 популярных Google Fonts с поиском и фильтрацией
- Три режима просмотра: предпросмотр, образец и сравнение
- Полный контроль типографики: размер, начертание (100–900), стиль, межбуквенный интервал, межстрочный интервал
- Настраиваемые цвета текста и фона с поддержкой HEX-ввода
- Редактируемый текст предпросмотра для тестирования в реальном времени
- Копирование CSS-вывода в буфер обмена в один клик
Сценарии использования
- Выбор подходящего Google Font для проекта веб-дизайна
- Сравнение двух шрифтов рядом перед принятием решения
- Генерация CSS-объявлений шрифтов для таблиц стилей
- Тестирование читаемости шрифта при разных размерах и начертаниях
- Просмотр полного набора символов шрифта в режиме образца
fonts
google-fonts
typography
Часто задаваемые вопросы
Какие шрифты доступны в предпросмотре шрифтов?
Инструмент включает более 50 популярных Google Fonts, таких как Roboto, Inter, Poppins, Playfair Display, Montserrat и другие. Можно искать и фильтровать список шрифтов для поиска идеального варианта.
Можно ли сравнивать два шрифта рядом?
Да, вкладка сравнения позволяет просматривать два шрифта рядом с независимыми настройками размера и начертания, что упрощает выбор между похожими шрифтами.
Как получить CSS-код для шрифта?
Вкладка предпросмотра отображает полное CSS-объявление для текущих настроек. Нажмите кнопку «Копировать CSS», чтобы немедленно скопировать его в буфер обмена.
Можно ли использовать предпросмотр шрифтов офлайн?
Сам инструмент работает в браузере, но Google Fonts загружаются с CDN, поэтому для отображения шрифтов требуется подключение к интернету.
Можно ли настроить текст предпросмотра?
Да, область предпросмотра редактируема — нажмите на неё и введите свой текст, чтобы увидеть, как он выглядит с выбранным шрифтом.