GGogotem
Вернуться на главную

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

Сравнивайте шрифты на одном русском тексте, настраивайте размер, насыщенность, интервалы и цвета, проверяйте локальный файл и копируйте CSS.

Категории Ожидание результата
Сообщить о проблеме

Образцы текста

Готовые стили

Проверить семейство Google Fonts вне списка

359+ шрифтов

Введите точное название семейства из Google Fonts. Шрифт будет загружен через официальный CSS API только для этого сеанса.

Официальный каталог Google Fontsopen_in_new

Проверить свой шрифт

TTF, OTF, WOFF и WOFF2 остаются в браузере и не загружаются.

Найденные шрифты · 359 шрифтов

Системные и UI · Стек шрифтов: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif

Google Fonts - открытые

Системные и UI

Serif и редакционные

Моноширинные и код

Акцидентные и рукописные

Азиатские и многоязычные письменности

Точная настройка

System UI · 32px · 600 · 1.35

Контраст цветов19.96:1
Обычный текст AA · СоответствуетКрупный текст AA · Соответствует

Выбранный шрифт

System UI

system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif

Чёткий шрифт делает чтение и работу удобнее. Gogotem 12345

Заголовок

Чёткий шрифт делает чтение и работу удобнее. Gogotem 12345

Основной текст

Проверьте баланс, интервалы и читаемость в коротких подписях и длинных предложениях.

Кнопка и подпись

Готово

Числа

123,456.78 · 2026-06-23 · 09:41

Важные замечания

Расчёты основаны на стандартных формулах. Значения могут округляться для удобства чтения. Для важных решений проверьте официальный источник.

Рабочая область результатов

Сохраните результат, сравните его с предыдущими расчетами или поделитесь отчетом.

verified_user

Источник шрифта и права использования

Системный шрифт на этом устройстве

Инструмент не распространяет файл, а только ссылается на CSS-название. Права использования и распространения зависят от лицензии операционной системы или программы.

Официальный каталог Google Fontsopen_in_new

Сведения о лицензиях служат практическим ориентиром, не являются юридической консультацией и не заменяют лицензию шрифта.

CSS для использования

font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 32px;
font-weight: 600;
letter-spacing: 0px;
line-height: 1.35;
color: #16001d;
background-color: #ffffff;

Импорт Google Fonts

Это локальный или системный шрифт, поэтому импорт Google не нужен.

Как выбрать быстрее

  • Сравните от двух до четырёх шрифтов рядом.
  • Проверяйте кириллицу, латиницу, цифры и надписи кнопок вместе.
  • Для основного текста начните с 16–18px, насыщенности 500–700 и высоты строки 1.45–1.65.

Сравнивайте кириллицу в реальном интерфейсе

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

Важные замечания

  • Проверяйте кириллицу и цифры отдельно в размерах заголовка и текста.
  • Проверяйте контраст текста и фона по WCAG AA.
  • Копируйте и импорт веб-шрифта, и итоговый CSS font-family.

Частые вопросы

Загружается ли локальный шрифт на сервер?expand_more

Нет. Файлы TTF, OTF, WOFF и WOFF2 открываются только в памяти браузера.

Почему вместо кириллицы видны квадраты?expand_more

В выбранном шрифте может не быть кириллических глифов. Попробуйте PT Sans, PT Serif, Rubik или Noto Sans.