Solved

Why poor text rendering quality in Internet Explorer?

Posted on 2008-10-30
2
1,071 Views
Last Modified: 2012-05-05
I am developing a site that renders text just fine in all web browsers, except Internet Explorer.  The ClearType feature for Internet Explorer IS turned on.  Attached are screen shot samples for IE and for Mozilla-based browsers.  See the difference?

I notice that Microsoft's own web site does not face this problem.

Other information:  No transparency is being used on the <div> in question.

What am I doing wrong?
IE-Sample.png
Mozilla-Sample.png
0
Comment
Question by:stgreenwalt
2 Comments
 
LVL 9

Expert Comment

by:knonie
ID: 22897159
It's strange.
You know, you don't need to add any specific thing in CSS to make this ClearType feature work, so it's all up to the browser to read it.

You may try with some different font style and size and see if this behavior is still there with your pages.

:-)
0
 
LVL 1

Accepted Solution

by:
stgreenwalt earned 0 total points
ID: 22937261
I found the following:

If the style.filter property has EVER been set, this will cause Internet Explorer to DISABLE ClearType.  Even if you clear the filter (i.e. style.filter = '' or style.filter = null), Internet Explorer will keep ClearType disabled for that object.  Also, if style.filter is set . . . all child objects inherit this problem.

So, really, there is no solution. Hopefully anyone who finds this will then know to stop looking for a solution.
0

Featured Post

Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

JavaScript has plenty of pieces of code people often just copy/paste from somewhere but never quite fully understand. Self-Executing functions are just one good example that I'll try to demystify here.
Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

776 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question