Question

我在网上发现了这个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末尾的变量是什么，如果我使用的字体不同于示例网站上的字体，我是否需要更改整理部分？它做了什么??

另一个问题，是双src：必要吗？在一些与最后与iefix排列的例子中没有出现。

在这个资源中他们说这种做事的方式也应该在ie6-9中工作，但实际上并没有加载9种字体。 http://www.960development.com/how-to-write-cross-browser-font-face-syntax/

Answer 1

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

IE9下面不支持@ font-face。它的实现可能非常受欢迎。

如果您希望非网络安全字体与浏览器兼容，则应尝试http://typekit.com。这是一种付费（虽然价格相对较低）的服务。

我希望这会有所帮助。

Answer 2

我发现的解决方案是：

@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'）格式（'eot'），

笑脸笑脸......

font-face无法弄清楚在.svg字体文件末尾使用变量

2 个答案: