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

html-css010

怎么用css设置兼容浏览器的字体,第1张

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%

}

CSS调用系统没有的字体的操作方法和步骤如下:

1、首先,将字体以ttf,otf等格式放置在文件夹中。 这些是字体的不同格式,以便与不同的浏览器兼容,然后创建html文件test,见下图。

2、其次,完成上述步骤后,在test页面上打开的页面中添加一个class为anim的div代码,见下图。

3、接着,完成上述步骤后,在打开的页面上,找到anim的宽度和高度样式,见下图。

4、然后,完成上述步骤后,创建一个font-face,将字体设置为test,并将所有字体文件包含在src中,见下图。

5、随后,在anim样式中,完成上述步骤后,通过 font-family:test 来使用这个字体,见下图。

6、最后,完成上述步骤后,在浏览器中打开test文件,发现文本已成为字体了,见下图。

这个没办法,首先css3开发的本身就没有考虑ie678,虽然有一些插件能做一些工作使得ie678兼容,但是那也只是一些简单的功能,如圆角、阴影等,但是想自定义字体这个是没有办法的,这个是硬性规定,而且主要是ie低版本根本就不知道什么是自定义字体。