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

标签:CSS

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

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

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

0条评论 你不来一发么↓

    想说点什么呢?