WordPress.com

1. wordsforaplanet
   Member
   Apr 8, 2008, 9:00 AM

   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

2. deltafoxtrot
   Member
   Apr 8, 2008, 9:11 AM

   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.

3. wordsforaplanet
   Member
   Apr 8, 2008, 10:03 AM

   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/

4. wordsforaplanet
   Member
   Apr 8, 2008, 10:08 AM

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

5. deltafoxtrot
   Member
   Apr 8, 2008, 10:16 AM

   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.

6. wordsforaplanet
   Member
   Apr 8, 2008, 10:39 AM

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

Topic Closed

This topic has been closed to new replies.