text bold & fuzzy in IE7 and safari
-
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).
-
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 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.