Solved

Why poor text rendering quality in Internet Explorer?

Posted on 2008-10-30
2
1,086 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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

Why Off-Site Backups Are The Only Way To Go

You are probably backing up your data—but how and where? Ransomware is on the rise and there are variants that specifically target backups. Read on to discover why off-site is the way to go.

Question has a verified solution.

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

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
The viewer will learn how to dynamically set the form action using jQuery.

724 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