即自定义谷歌字体的8个问题

Question

我正在使用自定义谷歌字体site，但ie8不工作或只是部分（左内容好，内容正确，ajax，不太好）任何建议或想法为什么不好不好？

感谢。

Answer 1

我刚刚在IE9的IE8中看到你的网站处于兼容模式，我没有看到任何字体问题。 我跑了7号窗口，请你发布你的问题图片吗？

更新：我忘记了一件重要的事情......检查是否符合要求。 IE7和IE8只与font-face具有“部分”兼容性。

要解决此问题，您必须使用与此类似的代码，并转换字体

@font-face {
font-family: 'MyFontFamily';
src: url('myfont-webfont.eot?') format('eot'), 
     url('myfont-webfont.woff') format('woff'), 
     url('myfont-webfont.ttf')  format('truetype'),
     url('myfont-webfont.svg#svgFontName') format('svg');
}

Google仅使用woff ，而您必须加载eot，trutype和svg以及完整的跨浏览器兼容性。

您可以在Font Squirrel轻松转换字体，从中下载字体 http://themes.googleusercontent.com/font?kit=tMrhQDUBAHnnGuM33-yobPesZW2xOQ-xsNqO47m55DA

有关此事的更多信息：http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax

Answer 2

在使用IE9的IE9和IE7兼容模式下它显示正常;在使用IE8的IE8和IE7兼容模式下，它看起来非常糟糕，所以我不得不得出结论，这是IE8本身的一个模糊的错误。

我认为你无法做到这一点所以要解决它我只会使用条件注释来解决IE8和IE7并使用verdana作为该部分。希望他们很快就会消失......

Answer 3

对于IE10及以下版本以及所有其他浏览器使用

@font-face {
    font-family: 'MyFontFamily';
    src: url('myfont-webfont.eot?'); 
    src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), 
         url('myfont-webfont.woff') format('woff'), 
         url('myfont-webfont.ttf')  format('truetype'),
         url('myfont-webfont.svg#svgFontName') format('svg');
}