In Internet Explorer 8, the fonts appear jagged in Sky 6.x-3.11. This only affects IE and only 3.11, Firefox is fine. Version 3.10 is also fine in both IE and FF. See screenshots.

CommentFileSizeAuthor
Sky-3.10-Lucinda-IE8.png37.01 KBDrewMathers
Sky-3.10-Verdana-IE8.png35.67 KBDrewMathers
Sky-3.11-Lucinda-IE8.png31.89 KBDrewMathers
Sky-3.11-Verdana-IE8.png32.28 KBDrewMathers

Comments

Jeff Burnz’s picture

Jeff Burnz commented

I'll run a diff and see what changed and if anything relevant crops up.

DrewMathers’s picture

DrewMathers commented

I looked through the 3.11 commits and found a good suspect in the CSS3 update. I don't have Firebug for IE to test this.

This was added to style.css in 3.11

+  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
+  -ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
Jeff Burnz’s picture

Jeff Burnz commented

ms filters can cause text aliasing, this is a well known problem and why we did not use these in Bartik (one of my main objections was aliasing), fwiw this doesnt happen all the time but I don't know why it happens on some systems and not others.

DrewMathers’s picture

DrewMathers commented

The problem only affects IE, so Windows Firefox users and Mac users don't see it.

Jeff Burnz’s picture

Jeff Burnz commented

Yeah but not always dude, plenty of themes I've used filters with did not alias or have any other issues even in IE*.

guruslot’s picture

guruslot commented

Dear Drupalers,

I'm currently using Sky 3.11 and some number of visitors report on the same issue.
So, is there any way to fix it? Or I just have to roll back to 3.10?

I will be very appreciate for any kind of advice.

guruslot’s picture

guruslot commented

The problem appears on Windows XP OS where ClearType turned off by default. That's a problem.
If turn ClearType On fonts look as planned.

DrewMathers’s picture

DrewMathers commented

if you want to test ClearType settings, here is how to change them:

Windows 7:
Control Panel > System > Performance Information and Tools > Adjust Visual Effects > [x] Smooth edges of screen fonts

Windows XP:
1. Control Panel > Display > Appearance tab > [Effects...] button
2. [x] Use the following method to smooth edges of screen fonts
3. [ClearType][V]

Removing the CSS lines from comment 2 might fix this.