在试图让谷歌字体(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(默认生产通过谷歌字体网站)。
感谢。