font-family属性在IE下的兼容性

2008 11 14 11:12 PM 4806次查看

分类：CSS 标签：CSS

font-family属性可以为标签设置字体，浏览器会从左至右依次查找是否有该字体，并将找到的第一个字体用于显示。如果没找到，则使用默认字体（Windows XP简体中文版一般是宋体）。
但还有个未定义行为，若找到的第一个是英文字体，而要显示汉字时，应该如何处理。Chrome和Firefox是继续往后查，直到找到能正确显示的字体；而IE（我只测试了IE6）则直接改用默认字体显示汉字了。

目前我只能用CSS hack的方法来判断（即只有IE能识别*开头的属性），但也只是提前了中文字体，英文字体就无效了：
body {
font-family:Verdana,微软雅黑;
*font-family:微软雅黑,Verdana;
}

此外，有时候找到的字体无法显示特殊符号，IE就用方框来显示了，非常无语。
例如音乐符号：♪
如果你装了微软雅黑字体，那么在IE下看到的会是个方框，但Chrome和Firefox下正常。

0条评论 你不来一发么↓

    想说点什么呢？