Perché le newline nella mia famiglia di caratteri CSS interrompono IE? Come posso evitare questo?

Question

mio progettista ha voluto Century Gothic, che è non del tutto web sicuro, così abbiamo deciso lucida era un backup OK e ho scritto una lunga pila di font di fallback:

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

Questo guarda bene in Chrome, FF, Safari. Quando effettuo il check in IE (6, 7 e 8), nessun dado. I caratteri ovunque nel sito sono un brutto carattere tipografico serif! Accendo gli strumenti di sviluppo di IE 8 e vedo piccoli caratteri rettangolari nella dichiarazione che sembrano cadere nelle interruzioni di riga. Rendo i miei CSS a

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

e questo funziona alla menta. Bene, problema risolto, ma se voglio formattare il mio CSS per la leggibilità, perché non dovrei essere in grado di? Perché il mio spazio bianco è rilevante? È un problema di utf/iso charset? Devo solo lasciar correre lunghe righe?

Answer 1

Si tratta di un foglio di stile separato o di stili creati nel tag? Potresti riuscire a estrarlo in un file .css e questo potrebbe interrompere il problema.

IMO lasciare andare. Questa dovrebbe essere l'eccezione, non la regola per voi di avere una regola css che è lunga.

Answer 2

Probabilmente l'editor di testo sta salvando il file css con interruzioni di riga specifiche per Mac (carriage-return). Cambia le interruzioni di riga in Unix (avanzamento riga) e vedi se esce come desideri.