string kit bsp comm rules range webkit value
Webkit/Safari(3.2+) TrueType/OpenType TT (.ttf) 、OpenType PS (.otf);
Opera (10+) TrueType/OpenType TT (.ttf) 、 OpenType PS (.otf) 、 SVG (.svg);
Internet Explorer 自 ie4 开始,支持 EOT 格式的字体文件;ie9 支持 WOFF;
Firefox(3.5+) TrueType/OpenType TT (.ttf)、 OpenType PS (.otf)、 WOFF (since Firefox 3.6)
Google Chrome TrueType/OpenType TT (.ttf)、OpenType PS (.otf)、WOFF since version 6
由上面可以得出:.eot + .ttf /.otf + svg + woff = 所有浏览器的完美支持
- @font-face{[font-family:;]?
- [src:[ [format(#)]? | ]#;]?
- [unicode-range:#;]?
- [font-variant:;]?
- [font-feature-settings:normal|#;]?
- [font-stretch:;]?
- [font-weight:];
- [font-style:}
font-face 在 CSS 中具体的 使用方法
- /*声明 WebFont*/@font-face{font-family: 'pinghei';src: url('../font/pinghei.eot');src:
- url('../font/pinghei.eot?#iefix')format('embedded-opentype'),url('../font/pinghei.woff')format('woff'),url('../font/pinghei.ttf')format('truetype'),url('../font/pinghei.svg')format('svg');font-weight:normal;font-style:normal;}/*使用指定字体*/.test{font-family: 'pinghei';}
[转] css 自定义字体 font-face 的兼容和使用
来源: http://www.bubuko.com/infodetail-2048287.html