Как проверить шрифты, отображаемые на странице.
Проверяйте вычисленные стили, а не предполагайте, что первый шрифт в CSS загрузился успешно. Отмечайте начертания и запасные шрифты, влияющие на вид текста.
Адаптируйте процесс под свою задачу.
Выберите характерные заголовки и основной текст и запишите семейство, размер, начертание и высоту строки из доступных стилей. Отделите объявленный список запасных шрифтов от доказательств фактически отображённого шрифта. Прежде чем описывать общую картину страницы, проверьте загрузку и варианты для разных экранов.
- Что вы предоставляете
- Вычисленные стили текста выбранной страницы.
- Что вы получите
- Реально применённые семейства, начертания и размеры шрифтов.
Посмотрите входные данные и результат.
Иллюстративные входные и выходные данные · учебный пример, а не реальный запуск WebAct
Полей ввода: Пример
Supplied style inspection of h1: font-family "Example Sans", Arial, sans-serif; font-size 40px; font-weight 700; line-height 48px. No rendered-font inspection or loading evidence supplied.
Готовый пример
Element: h1 Declared/computed family stack: "Example Sans", Arial, sans-serif Size: 40px Weight: 700 Line height: 48px Actually rendered face: unconfirmed. The family stack alone does not prove Example Sans loaded.
Добавьте эти данные в промпт и скопируйте его в WebAct, чтобы попробовать задачу. Ваш результат может отличаться от примера.
Решения и устранение проблем.
Доказывает ли вычисленное значение font-family, что показан первый шрифт?
Нет. Оно может лишь отражать объявленный список. Если различие важно, подтвердите фактически отображённый шрифт подходящими средствами браузера.
Почему два элемента одного семейства выглядят по-разному?
Могут различаться начертание, настройки вариативного шрифта, размер, интервалы или запасной шрифт для отдельных символов. Проверяйте эти свойства, а не одно семейство.
Попробуйте на собственном источнике.
Замените пример своим материалом в промпте. Сохраните нужные требования и скопируйте задачу в WebAct.
Настроить и скопировать задачу ↑