1

我在网上找到了这个 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/

4

2 回答 2

1

前往http://www.fontsquirrel.com/fontface/generator这将解释什么是必要的,什么不是必要的。

@font-face 在 IE9 下没有得到很好的支持。它的实施可能会非常失败。

如果您希望非网络安全字体与跨浏览器兼容,您应该尝试http://typekit.com 。这是一项付费(尽管价格相对较低)的服务。

我希望这有帮助。

于 2012-04-26T16:58:38.767 回答
0

我发现的解决方案是这样的:

@font-face {
    font-family: 'PFRondaSeven';
    src: url('font/pf_ronda_seven_bold-webfont.eot');
    src: local('☺'),
         url('font/pf_ronda_seven_bold-webfont.woff') format('woff'),
         url('font/pf_ronda_seven_bold-webfont.ttf') format('truetype'),
         url('font/pf_ronda_seven_bold-webfont.svg#webfont2zOjOL6G') format('svg');
    font-weight: bold;
    font-style: normal;
}

所以我改变了这个: url('fonts/YanoneKaffeesatz-Regular-webfont.eot?iefix') format('eot'),

到笑脸...

于 2012-04-27T10:14:15.607 回答