Search code examples
htmlfontssmoothing

HTML font edgy and pixellated


I have used Verdana,Arial,Helvetica,sans-serif for font property on my H1 tag.
Below is how it renders.
If you see it closely, it looks very edgy/pixellated. Is there a way to smoothen it?

enter image description here

UPDATE: Rendering with mingos' solution.

enter image description here


Solution

  • Your OS/browser should take care of that. I assume you're using Windows XP with ClearType off or your browser ignores the OS's antialiasing settings (example: Disable Cleartype (text anti-aliasing) in IE9). You cannot control that from within your web app, as CSS does not have a means of influencing the browser's text rendering.