2013-04-25 77 views
0

我在@font脸上使用了以下CSS。它可以在我的桌面和我测试过的IOS设备上运行。但它没有在Android上:@font脸不能在Android上工作

@font-face { 
    font-family: 'ReformaGroteskMedium'; 
    src: url('/css/fonts/reforma_grotesk/26890C_0_0.eot'); 
    src: url('/css/fonts/reforma_grotesk/26890C_0_0.eot?#iefix') format('embedded-opentype'), 
     url('/css/fonts/reforma_grotesk/26890C_0_0.woff') format('woff'), 
     url('/css/fonts/reforma_grotesk/26890C_0_0.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
} 

我注意到,从http://www.fontsquirrel.com/(其中工作)中完全相同的方式是内嵌除非他们也有下面这行产生的字体:

url('SourceSansPro-ExtraLightIt-webfont.svg#SourceSansProExtraLightItalic') format('svg'); 

这是为什么呢我的版本不工作,Android仅支持SVG吗?

我使用的Android版本是4.0.1在华硕平板电脑上。它在较新的Android手机上工作得很好。

回答

0

THIS ARTICLE引述莫兹开发网络:

当SVG指定的Web字体的支持是远远 预期。由于正确的字体对于图形的渲染 至关重要,因此决定将字体描述技术添加到 SVG。这并不意味着与PostScript或OTF等其他格式一致,而是作为嵌入渲染引擎的字形信息的简单方法。

所以我想SVG(可缩放矢量图形)格式应该总是被用作允许任何浏览器/设备引擎正确渲染字体的“降落伞”。
反正我没有找到关于Android 4.0.1和字体导入的官方内容,但是我强烈建议在导入字体时总是使用SVG格式。

+0

好,谢谢,我会加入SVG测试在星期一我有机会再次访问该Android平板电脑。 – TK123 2013-04-26 02:24:11