为什么我的CSS font-family中的换行符会破坏IE?我怎么能避免这个?

ben*_*hor 6 css internet-explorer character-encoding

我的设计师想要Century Gothic,这不是网络安全的,所以我们决定lucida是一个OK备份,我写了一大堆后备字体:

body {
font-family: "Century Gothic",
             "URW Gothic L",
             "Apple Gothic",
             "Lucida Grande",
             "Lucida Sans Unicode",
             "Trebuchet MS",
             "Lucida Sans",
              sans-serif;
}
Run Code Online (Sandbox Code Playgroud)

这在Chrome,FF,Safari中看起来很不错.当我在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;
}
Run Code Online (Sandbox Code Playgroud)

这工作薄荷.很好,问题解决了,但如果我想格式化我的CSS以便于阅读,我为什么不能这样做?为什么我的空白相关?这是一个utf/iso charset问题吗?我只需要让长线运行很长时间吗?

Dou*_*ain 3

这是一个单独的样式表还是您在标签中创建的样式?您可以将其提取到 .css 文件中,这可能会解决该问题。

国际海事组织(IMO)放开了这个。这应该是一个例外,而不是你拥有这么长的 css 规则的规则。