css Arial Font pixelated on wordpress

Question

Я прочитал, как chrome отображает шрифты и различия между другими браузерами и т. Д. Но недавно я придумал интересный сценарий. У меня есть два файла. Одна из них - это страница wordpress, где шрифт используется в заголовке. Другое - статическая страница html с тем же кодом. На статической странице html текст Детали прибора для оборудования отображаются плавно. Но на той же странице браузера и Wordpress шрифт пикселирован. Что может вызвать эту проблему?

Вот CSS:

font-size: 60px; 
line-height: 70px; 
font-family: Arial; 

Вот изображение, показывающее извещение р problem.IFyou и н и вы можете увидеть некачественно. Вот демо - HTML файла: http://restaurantapplianceparts.com/dev/wp-content/themes/vizio/test.html

Wordpress страница: http://restaurantapplianceparts.com/dev/

Я использую хром на окнах.

С уважением Ахмар

Answer 1

Если наезд на скрин-шоты (убедившись, что мы не дискретизацию изображения) мы можем видеть, что оба сайты отображают один и тот же шрифт, с тем же цветом и соответствующим анти -aliasing:

Я подозреваю, что это не что иное, как визуальный эффект, вызванный различными решениями, принятыми шрифтами программного обеспечения, когда сталкиваются с одинаковыми текстами в различных контекстах. Например, первый образец подходит точно в горизонтальной базовой линии, но отображает больше артефактов в вертикальных линиях. Но они оба ищут правильные решения для сглаживания текста; только человеческий мозг считает, что один из них более удобен.

Видимо, в Chrome был только -webkit-font-smoothing селектор CSS, но он больше не доступен.