text bold & fuzzy in IE7 and safari

• 

  wordsforaplanet · Member · Apr 8, 2008 at 9:00 am

  • Copy link
  • Add topic to favorites

  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;
  font-size:90%;
  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).

  http://greeninbrum.wordpress.com

• 

  deltafoxtrot · Member · Apr 8, 2008 at 9:11 am

  • Copy link

  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.

• 

  wordsforaplanet · Member · Apr 8, 2008 at 10:03 am

  • Copy link

  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/

• 

  wordsforaplanet · Member · Apr 8, 2008 at 10:08 am

  • Copy link

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

• 

  deltafoxtrot · Member · Apr 8, 2008 at 10:16 am

  • Copy link

  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.

• 

  wordsforaplanet · Member · Apr 8, 2008 at 10:39 am

  • Copy link

  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)?