Проверка резервного шрифта и вёрстки
МАСТЕРСКАЯ ШРИФТОВ
Настройте детали под свой текст
Посмотрите, как меняется текст до загрузки веб-шрифта. Сравните основной, резервный и настроенный резервный шрифты и экспортируйте CSS для уменьшения сдвигов вёрстки.
Начните с файлов шрифтов
Используйте файлы, которые вам разрешено загружать. Поддерживаются TTF, OTF, WOFF и WOFF2.
Просматривайте, настраивайте и сравнивайте
Проверка выявляет отсутствующие кодовые точки. Всегда проверяйте и отображаемый текст.
Начальные значения для этого образца. Замените пути к шрифтам, проверьте другие тексты и целевые браузеры. Переопределение использует метрики основного шрифта по умолчанию.
Как получить полезные результаты
Загрузите основной шрифт, затем выберите локальный резервный или загрузите другой файл. Задайте текст и ширину столбца. Подгоните резервный шрифт под образец, проверьте число строк и высоту блоков и уточните размер. Скачайте CSS и замените примерные пути своими файлами.
Что следует учитывать
Это сравнение вёрстки текста, а не измерение CLS. Предложенная настройка относится к этому образцу с экземпляром шрифта по умолчанию. Другие тексты, стили, браузеры и системы могут дать иные результаты. Локальный шрифт должен быть на устройстве посетителя; загруженному резервному шрифту тоже потребуется загрузка в браузер.
Предпросмотры приватны и доступны 15 минут. Очистите рабочую область, чтобы запросить их удаление раньше. Веб-комплекты временные и удаляются автоматически по истечении срока.
Все инструменты для шрифтов