有没有比这更好的方法来处理font_face(谷歌字体)?

时间:2012-01-23 22:53:10

标签: font-face

在试图让谷歌字体(font_face)与IE7,8,9,Chrome和Firefox一起工作时,我最终在远程服务器上本地存储了一些复杂的文件,如ttf,eot和woff。是否有更好/更简单的方法让它们适用于所有这些浏览器?这就是我最终要做的就是让它发挥作用。

这是html

<link href="Untitled_1.css" rel="stylesheet" type="text/css" />
<!--[if gte IE 7]>
<link rel="stylesheet" type="text/css" href="Untitled_1_ie.css" />
<![endif]-->

这是第一个css(untitled_1.css):

@font-face {
font-family: 'Bangers';
font-style: normal;
font-weight: normal;
src: local('Bangers'), local('Bangers-Regular'), url('http://themes.googleusercontent.com/static/fonts/bangers/v4/DqeGA7eaz0hhOYTfkeJBIA.woff') format('woff');
src: url('Bangers.ttf'); /* for chrome/webkit */

}

这是第二个(untitled_1_ie.css):

@font-face {
font-family: 'Bangers';
font-style: normal;
font-weight: normal;
src: url('Bangers.eot');    /* ie9 */
src: url('Bangers.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */

}

IE9仅适用于本地存储的eot(或ttf)版本,因为“没有跨域自定义字体”错误,IE7 / 8只适用于eot而Chrome无法使用woff(默认生产通过谷歌字体网站)。

感谢。

0 个答案:

没有答案