0

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

Null Head
  • 2,877
  • 13
  • 61
  • 83

1 Answers1

2

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.

Community
  • 1
  • 1
mingos
  • 23,778
  • 12
  • 70
  • 107
  • _"CSS does not have a means of influencing the browser's text rendering."_ Sorry, but [that's not quite right](http://www.w3.org/TR/WD-font/#font-smooth-prop). – Matt Ball May 10 '12 at 01:04
  • Interesting. Is is still a working draft, or is it officially part of CSS3? It doesn't seem to be implemented in modern browsers at all :). – mingos May 10 '12 at 07:00
  • There's a lot of improvement with your suggestion. Updated original post with font rendering post update. – Null Head May 10 '12 at 21:09