Web Design Forums

Welcome! Please register or log in: Forgot your password? Why register?
You are here: Web Design Forums » Web Design Help » HTML and CSS Help » Jagged Fonts in IE with Transparent Divs RSS

Jagged Fonts in IE with Transparent Divs

This thread was started by Daybreak and has been viewed 294 times, and contains 3 replies, with the last reply made by mlseim.
Post Reply
1
View Daybreak's reputation
Daybreak, WDF Noob Private message  
Posted February 8 '10 at 01:16 AM
      Posts: 3
Hello there,
I have a website I'm designing with transparent divs and they work great. The regular fonts look fine and everything looks fine on the Mac and in Firefox. However, in IE 6 and 7 on the PC the fonts look very bold and jagged. Any ideas on how to make them NOT look crappy?

Has anyone else run into this? Thanks.

Steven
Daybreak Web Design

Advertisement Register for free to hide these ads and participate in discussions!

2
1,251 points at 99% Moderator Repute
mlseim, WDF Moderator Private message  
Posted February 8 '10 at 09:15 AM
      Posts: 3,098
Show us the URL to the website so we can see it.
If it's zero degrees outside today, and it's supposed to be twice as cold tomorrow, how cold is it going to be?
mlseim is online now! Reply

3
View Daybreak's reputation
Daybreak, WDF Noob Private message  
Posted February 8 '10 at 05:01 PM
      Posts: 3
If you are on a PC, you can see my test page at

http://www.daybreakwebdesign.com/inf...ns_TESTER.html

Will this help? I think it has something to do with anti-aliased fonts as a setting in IE, but I'm not sure. And if it is, is there anything to do about it?

4
1,251 points at 99% Moderator Repute
mlseim, WDF Moderator Private message  
Posted February 8 '10 at 06:28 PM
      Posts: 3,098
My advice is to remove the opaque-ness you have there.

That is causing the IE problem, and even with FF, it makes it hard to read.
The font is too small to begin with, but the opaque part makes it worse on my eyes.

Considering the content you have, there is probably not much you can do to make
the reading more interesting ... a lot of mundane information. Maybe you can find
a better font, (and larger font), make it easier on the eyes, and do some tricks with
white space to make it easier and more enjoyable to read (if that's possible).

A lot of good information on font selection, sizes, colors, and making things readable:
http://www.alistapart.com/topics/design/typography/
If it's zero degrees outside today, and it's supposed to be twice as cold tomorrow, how cold is it going to be?
mlseim is online now! Reply

Post Reply

Similar Threads
Thread Thread Starter Forum Replies Last Post
positioning of divs in general ketanco HTML and CSS Help 1 March 1 '09 12:15 PM
Parent div expanding to fit child divs Curtster HTML and CSS Help 4 November 22 '08 10:57 AM
IE6 fonts registry interpretation messed az0000000 General Discussion 6 February 20 '07 12:57 PM
Using Divs to align my webpage joofhart Web Design Discussion 9 December 12 '06 06:02 PM
Absolute positioning and nested divs. jkp23 HTML and CSS Help 0 July 2 '03 01:54 PM