Solved

Why poor text rendering quality in Internet Explorer?

Posted on 2008-10-30
2
1,067 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
Comment Utility
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
Comment Utility
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

Top 6 Sources for Identifying Threat Actor TTPs

Understanding your enemy is essential. These six sources will help you identify the most popular threat actor tactics, techniques, and procedures (TTPs).

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
logo getting cutoff on ipad 30 83
Creating a slider 12 32
Wordpress CSS Link Issue 2 13
Help cleaning out CSS 2 23
Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
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…

744 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

Need Help in Real-Time?

Connect with top rated Experts

17 Experts available now in Live!

Get 1:1 Help Now