Warum brechen Zeilenumbrüche in meiner CSS-Schriftart-Familie den IE? Wie kann ich das vermeiden?

Question

Mein Designer wollte Century Gothic, das ist nicht ganz Web-Safe, also haben wir beschlossen, dass Lucida ein gutes Backup ist, und ich habe einen langen Stapel von Fallback-Schriften geschrieben:

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

Das sieht in Chrome, FF und Safari gut aus. Wenn ich es im IE (6, 7 und 8) prüfe, geht es nicht. Die Schriftarten überall auf der Website sind eine hässliche Serifenschrift! Ich rufe die IE 8-Entwicklertools auf und sehe kleine rechteckige Zeichen in der Deklaration, die auf die Zeilenumbrüche zu fallen scheinen. Ich ändere mein CSS zu

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

und das funktioniert wie geschmiert. Gut, Problem gelöst, aber wenn ich mein CSS für die Lesbarkeit formatieren möchte, warum sollte ich das nicht können? Warum ist mein Leerraum relevant? Ist das ein utf/iso-Zeichensatzproblem? Muss ich lange Zeilen einfach lang laufen lassen?

Answer 1

Handelt es sich um eine separate Formatvorlage oder um Stile, die Sie in Ihrem Tag erstellt haben? Möglicherweise können Sie sie in eine .css-Datei auslagern und damit das Problem beheben.

IMO lassen Sie diese Sache auf sich beruhen. Dies sollte die Ausnahme sein, nicht die Regel für Sie eine css-Regel, die so lang ist haben.

Answer 2

Wahrscheinlich speichert Ihr Texteditor die css-Datei mit mac-spezifischen Zeilenumbrüchen (carriage-return). Ändern Sie die Zeilenumbrüche in Unix (line-feed) und sehen Sie, ob es so aussieht, wie Sie es möchten.