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

时间:2011-01-05 18:42:27

标签: 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;
}

这在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;
}

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

2 个答案:

答案 0 :(得分:3)

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

IMO让这一个去。这应该是一个例外,而不是你有一个这么长的css规则的规则。

答案 1 :(得分:0)

您的文本编辑器可能正在使用特定于mac的换行符(回车符)保存css文件。将换行符更改为unix(换行符),看看它是否符合您的要求。