text bold & fuzzy in IE7 and safari

  • Author
  • #213192

    The text in the paragraphs on my site look sharp on Firefox 2 and Internet Explorer 6, but bolder and fuzzier on IE7 and Safari. Any ideas why? I have this under body {
    font-family:Verdana, “Helvetica Neue”, “Helvetica”, Arial, sans-serif;
    and the same font-family is shown under p,ul,ol {

    I’m hoping someone will be able to point me in the right direction without having to wade through my CSS – it’s a bit of a dog’s dinner (I started by adding the CSS from the Blueberry theme to Sandbox, and then modified it ad hoc. I’m not in a position to systematise it yet because I’m still learning CSS).




    I can’t see a difference in text rendering (on a Mac using Camino 1.6, Firefox 3 beta and Safari 3.1). Could you provide screenshots of the different renderings.


    I’m new to these forums (and screenshots!). I can’t see any way to attach images to this post, so I have uploaded 2 jpg screenshots taken in Irfanview to http://4sandbox.wordpress.com/


    I forgot to say that I am using Windows XP SP2 – and thanks for your help :-)



    I believe the issue lies with anti-aliasing in newer browsers. Back up your stylesheet in a .txt file and try experimenting with different fonts. Maybe you’ll find a font that looks more consistent for this contrast and size.


    Thanks again for your help. Can anyone suggest a standard font that would give a similar effect to what my first screen shot shows in Firefox 2 (sharp Verdana) across different browsers (particularly FF, Safari, IE6 and IE7)?

The topic ‘text bold & fuzzy in IE7 and safari’ is closed to new replies.