CSS Font Rendering непоследовательно
На моем сайте у меня есть два <p>
тегов с одинаковыми стилями, связанных с ними, но они рендерингом импортированного шрифта непоследовательно.
можно увидеть на вкладке Вычисленных стилей в инструментах разработчика Chrome из , что один на левую оказал 303 глифов для Josefin Sans и 1 глифа для Arial.
текст на правой оказал 294 глифы Josefin Sans и 58 glyhps для Arial.
Это единственное различие, которое я вижу между ними. Почему два тела текста выглядят иначе, когда они используют одни и те же стили?
Это, вероятно, связано со временем загрузки всей вашей веб-сайта. У меня была аналогичная проблема, но я исправил ее, используя лучшие шрифты. –
Пожалуйста, укажите ссылку на онлайн-версию или скрипку – Trix
Брайан, если два элемента визуализируются по-разному, они ** не используют одни и те же стили **. Где-то в вашем проекте есть CSS, который применяется только к одному из них, а не к другому. Если вы предоставляете [mcve] своей проблемы, очень легко понять, что вызывает разницу. –