怎么用css设置兼容浏览器的字体

如何用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设计