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

OHL*_*ÁLÁ 7 html css font-face internet-explorer-8

我正在一个网站上工作,使用自定义谷歌字体,但在ie8不工作或只是部分(左内容好,和正确的内容,ajax,不太好)任何建议或想法为什么不那么好?

谢谢.

在此输入图像描述

Lit*_*mad 13

我刚刚在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');
}
Run Code Online (Sandbox Code Playgroud)

谷歌只使用woff,而你必须加载eot,trutype和svg以及完整的crossbrowser兼容性.

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

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

  • @Littlemad:+1一个很好的链接fontspring.com一个. (2认同)