我在网上找到了这个 css,显然它使字体跨浏览器兼容!
@font-face {
font-family: 'Yanone Kaffeesatz Regular';
src: url('fonts/YanoneKaffeesatz-Regular-webfont.eot');
src: url('fonts/YanoneKaffeesatz-Regular-webfont.eot?iefix') format('eot'),
url('fonts/YanoneKaffeesatz-Regular-webfont.woff') format('woff'),
url('fonts/YanoneKaffeesatz-Regular-webfont.ttf') format('truetype'),
url('fonts/YanoneKaffeesatz-Regular-webfont.svg#webfont1BSMunJa') format('svg');
font-weight: normal;
font-style: normal;
}
但是我无法弄清楚 .svg#webfont1BSMunJa 末尾的那个变量是什么,如果我使用的字体与示例站点上使用的不同,我是否需要更改该完成部分?它有什么作用??
还有一个问题,double src: 有必要吗?在一些最后与 iefix 一致的示例中不存在。
在这个资源中,他们声明这种做事方式也应该在 ie6-9 中工作,但实际上没有加载 9 种以下的字体。http://www.960development.com/how-to-write-cross-browser-font-face-syntax/