2011-01-05 48 views
6

我的設計師想要世紀的哥特式,這是倒不網絡安全,所以我們決定青岡是一個確定的備份和我寫的後備字體長堆棧:爲什麼我的CSS font-family中的換行符會破壞IE?我怎樣才能避免這種情況?

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

這看上去很好的Chrome,FF,蘋果瀏覽器。當我檢查IE(6,7和8)時,沒有骰子。網站上的字體都是醜陋的襯線字體!我啓動IE 8開發人員工具,並在聲明中看到似乎在換行符中出現的小矩形字符。我修改我的CSS到

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

和這個作品薄荷。好,問題解決了,但如果我想格式化我的CSS爲了可讀性,爲什麼我不能?爲什麼我的空白相關?這是一個UTF/ISO字符集問題?我是否必須讓長線跑得長?

+0

有趣的怪癖。就個人而言,我更喜歡所有的一行CSS規則,以便更容易找到我正在尋找的選擇器。 – Stephen 2011-01-05 18:46:17

回答

3

這是一個單獨的樣式表還是您在標籤中創建的樣式?您可能可以將其拉出到.css文件中,這可能會阻止該問題。

IMO讓這一個去。這應該是一個例外,而不是你有一個這麼長的CSS規則的規則。

+0

它在一個單獨的樣式表中。是的,我不會太緊張,但這很煩人。 – 2011-01-05 18:58:13

+0

啊,IE。有什麼你不能*搞砸了嗎? – 2011-01-05 19:55:43

0

可能您的文本編輯器正在使用mac特定的換行符(回車符)保存css文件。將換行符更改爲unix(換行符)並查看它是否以您想要的方式顯示。

+0

我在Ubuntu中使用gedit,我懷疑它在做任何類似mac的... – 2011-01-05 19:02:45

相關問題