Fuzzy Text when zooming in...

[Goz]

Not an Actinic site but it's just doing my head in so hopefully someone here will have come across this before.

Built a site for a client - Window World Kettering

When he zooms in on the home page, the main body text goes fuzzy. When he takes it back to 100%, the text is fine again.

He uses IE8 on Win7.

It doesn't happen on my machine (which is also IE8 on Win7) or on any other machine running any combination of IE and Win (and I've tested loads now)

We've tried it with ClearType on and off - no difference.


Has anyone seen this before?

[Mike Hughes]

The text looks rough to me even at 100%. IE8 on XP.

No idea why. Presumably it's using a font that windows doesn't like. (even though the CSS file seems to suggest it's arial, Helvetica, etc.)

Mike

PS. It looks really horrible when zoomed in. Especially the "YOU are our Business" bit

PS2. Why can't I select the text on the page? Something odd is going on.

[Duncan Rounding]

The grey colour of #333 emphasizes it too.

[leehack]

Set the main body font size to an even number, ie 12 or 14, i've never seen 13px looking good on screen, almost as though arial only looks good with even number sizes in my experience. Make your headings then a % size, so h1 is font-size: 120%; so 120% of whatever you set as the body size in effect, you then have a design that reacts to a font change on the main body. You could also use ems as these cross browser without problems.

[Mike Hughes]

The strange thing I see on the page is that the text looks good initially until it all loads and then it jumps into some thin skinny font that's hard to see.

Reloading the page showsthe same thing.

Very odd.

Mike

[Goz]

Thanks guys. I've made some adjustments.

Mike (as you seem to be able to recreate the problem) if you get a spare minute could you look at the following 3 pages and let me know if any look better?

Normal home page with changes

Home page test 1

Home page test 2


thanks

Andy

[Mike Hughes]

Hi Andy,

Sorry for not getting back earlier. I didn't see your new post until just now.

Normal Home Page: Has the problem.

Home page test 1: Has the same problem. Text looks sharp to begin with and then jumps to some skinny font that's really ugly when zoomed.

Home page test 2: perfect. No problem even when zoomed.

I'd love to know what the problem and solution turned out to be.

Mike

[Mark H]

Andy - I think you've figured this already, but it might be a problem with pngfix being applied to IE7 and up.

I'm no expert on conditionals, but is it right to have the full stop after 7 in:

[if lt IE 7.]

??

[Goz]

A lesson for my developer (and me!)


Thanks for checking Mike (and Mark). Home Page Test 2 had the iepngfix taken out. I think you're right, Mark, about the spurious full stop in the IE conditional statement. It was in all pages and has now been removed so I need to test that.

My client may even consider paying me . I'd buy you a beer at the Actinic User Conference but I believe they're complimentary


Thanks

Andy