Page 1 of 1

With IE7, ClearType and Text scaling doesn't work

Posted: Mon Nov 06, 2006 9:49 pm
by gtanuel
I've just installed IE7 and noticed that they have some issue with ClearType. This affects the stylesheet I created for GreatNews: the text is not anti-aliased:

Image

Magnified:
Image

After Googling, I found out that it has something to do with transparency/opacity:
http://blogs.msdn.com/ie/archive/2006/08/31/730887.aspx

Since my stylesheet indeed uses opacity to soften the read items (make them less opaque), it's also affected.

As IE team will not modify the behavior anytime soon, could GreatNews instead accomodate a workaround? I'd like to suggest a new class called gn_readitem. Currently, only unread items is classed specifically while read items only have the more general gn_stories or gn_story. I have to make the (all) general items as transparent and specifically make the unread ones opaque:

Code: Select all

div.gn_stories, div.gn_story {
   font-size: 1.2em;
   line-height: 1.4em;
   margin-bottom: 1em;
   float: left;
   overflow: visible;
   width: 100%;
   background-color: #fff;
   filter: Alpha(opacity=25);
   opacity: 0.25;
   -moz-opacity: 0.25;
}

div.gn_unreaditem {
   filter: Alpha(enabled=false);
   opacity: 1;
   -moz-opacity: 1;
}


If there is a gn_readitem class, the stylesheet can accomodate more flexible needs:

Code: Select all

div.gn_stories, div.gn_story {
   font-size: 1.2em;
   line-height: 1.4em;
   margin-bottom: 1em;
   float: left;
   overflow: visible;
   width: 100%;
   background-color: #fff;
}

div.gn_readitem {
   filter: Alpha(opacity=25);
   opacity: 0.25;
   -moz-opacity: 0.25;
}

div.gn_unreaditem {
   /* no specific style, i.e. follow gn_story/gn_stories */
}


Another thing: text scaling (Ctrl-Wheel or Ctrl + / -) doesn't work, too. I think IE7 change it from 5-scales zooming ('Smaller' to 'Larger') to percentage zooming (similar to Firefox).

Posted: Tue Nov 07, 2006 10:30 pm
by Jack
I will add that gn_readitem to generated html. It should be easy.

I like it very much to use CTRL+Wheel to change font in IE6. Is there any workaround for IE7?

Posted: Sun Nov 12, 2006 8:11 pm
by Jack
I checked code generating html pages. The gn_readitem should be there already. Please give it a try.

Posted: Mon Nov 13, 2006 12:37 am
by gtanuel
Thanks! I've just downloaded built 1.0.0.376 and it works fine.

Regarding zooming, from what I read, it seems that IE7 changes the keybinding several time during its betas and currently there aren't text-size zooming in it (used to be bound to Ctrl-Shift-Wheel in a beta, but later this binding is to perform horizontal scrolling). They haven't finished IE7 ieframe.dll documentation, so I think we may want to wait for a while.