Why do lines in my CSS family font interrupt IE? How can i avoid this?

Question

My designer wanted Century Gothic, which is not completely safe on the Internet, so we decided that lucida was a backup of OK, and I wrote a long stack of backup fonts:

body { font-family: "Century Gothic", "URW Gothic L", "Apple Gothic", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", "Lucida Sans", sans-serif; } 

It looks great in Chrome, FF, Safari. When I check IE (6, 7 and 8), there are no dice. Fonts everywhere on the site - this is an ugly serif font! I run IE 8 developer tools and see small rectangle characters in the ad, which seems to fall on line breaks. I am revising my CSS to

 body { font-family: "Century Gothic", "URW Gothic L", "Apple Gothic", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", "Lucida Sans", sans-serif; } 

and it works by the mint. Ok, the problem is resolved, but if I want to format my CSS for readability, why don't I succeed? Why do I have spaces? Is this a problem with utf / iso charset? Should I just let long lines work long?

Answer 1

Is this a separate stylesheet or styles that you created in your tag? You may be able to pull it into a .css file and this may stop the problem.

IMO let it go. This should be the exception, not the rule, so that you have a css rule that takes so long.

Answer 2

Perhaps your text editor saves a css file with specific macros (carriage return). Change the line breaks to unix (line-feed) and see if this works out as you would like.