After learning about how Chrome renders fonts and the differences among other browsers, I encountered an interesting scenario. I have two files: one is a WordPress page where the font in the header appears pixelated, and the other is a static HTML page with the same code where the text "Restaurant Appliance Parts" displays smoothly. What could be causing this issue?
Below is the CSS used:
font-size: 60px;
line-height: 70px;
font-family: Arial;
An image showcasing the problem is included below. Notice how the letters "p," "n," and "a" appear pixelated.
View the demo for the HTML File here:
Visit the Wordpress page here:
I am using Google Chrome on Windows.
Best regards, Ahmar