日期:2014-05-17  浏览次数:20607 次

如何用css设置兼容浏览器的字体

body{
??????????? font-size : x-small;
??????????? voice-family : "\"}\"";
??????????? voice-family : inherit;
??????????? font-size : small;
???????? }
????????
???????? html > body{
??????????? font-size : small;
???????? }

?

因为在IE5中的设置字体总是会比其他浏览器中设计的字体大一号,为了让所有浏览器的字体显示一样的大小,可以像上面这样设置

IE5在读到voice-family : "\"}\"";中会因为css已经结束了,不再往下读,所以它读到的字体大小是x-small,而其他浏览器会读到font-size:small这些

所以这样字体大小就可以兼容浏览器展示了。

?

如果想在原来的基础上调整字体的大小,可以使用百分比来达到。

h1{
??????????? font-size:150%;
}

?

-----出自无懈可击的web设计