@font-face :{属性: 取值;}
@font-face 能够加载服务器端的字体文件,让客户端显示客户端所没有安装的字体。【微软的IE 5已经是开始支持这个属性,但是只支持微软自有的.eot (Embedded Open Type) 格式,而其他浏览器直到现在都没有支持这一字体格式。然而,从Safari 3.1开始,网页重构工程师已经可以设置.ttf(TrueType)和.otf(OpenType)两种字体做为自定义字体了。】
.eot格式
类型 | Internet Explorer | Firefox | Chrome | Opera | Safari |
---|---|---|---|---|---|
版本 | (√)IE6 | (×)Firefox 2.0 | (×)Chrome 1.0.x | (×)Opera 9.63 | (×)Safari 3.1 |
(√)IE7 | (×)Firefox 3.0 | (×)Chrome 2.0.x | (×)Safari 4 | ||
(√)IE8 |
.ttf格式
类型 | Internet Explorer | Firefox | Chrome | Opera | Safari |
---|---|---|---|---|---|
版本 | (×)IE6 | (×)Firefox 2.0 | (×)Chrome 1.0.x | (×)Opera 9.63 | (√)Safari 3.2.1 |
(×)IE7 | (×)Firefox 3.0 | (×)Chrome 2.0.x | (√)Opera 10 | (√)Safari 4 | |
(×)IE8 | (√)Firefox 3.5 |