Font-face在Android Ice Cream Sandwich浏览器上不起作用

时间:2012-01-31 05:55:58

标签: android css font-face

我在我的网站(Teuton23ProRegular)上使用了font-face,并且Android ICS上没有使用该字体(尝试使用原生浏览器和Firefox),并且在所有其他桌面和移动设备上看起来都不错我试过(Android Gingerbread, iPhones, Win Mobile)。移动萤火虫发现了这个错误:

Error: downloadable font: not usable by platform (font-family: "Teuton23ProRegular" style:normal weight:normal stretch:normal src index:2)
Source File: http://[sitename]/../css/fonts/teuton23pro-webfont.woff
Line: 0

源代码:

@font-face {
font-family: 'Teuton23ProRegular';
src: url('../../css/fonts/teuton23pro-webfont.eot');
src: url('../../css/fonts/teuton23pro-webfont.eot?iefix') format('eot'),
     url('../../css/fonts/teuton23pro-webfont.woff') format('woff'),
     url('../../css/fonts/teuton23pro-webfont.ttf') format('truetype'),
     url('../../css/fonts/teuton23pro-webfont.svg#Teuton23ProRegular') format('svg');
font-weight: normal;
font-style: normal;

}

另一个有趣的事情是我从http://fonts.com/获得的字体很好("Trade Gothic W02 Bold 2")

任何想法都会受到赞赏。

1 个答案:

答案 0 :(得分:1)

如果Trade Gothic W02 Bold 2正在运行但Teuton23ProRegular没有,那么通过逻辑推理,问题可能在于字体文件的内容或font-face声明。

我不熟悉Android IceCream Sandwich Browser的字体渲染及其使用的格式(看起来它使用.woff给出错误通知)但似乎Teuton23ProRegular字体 - 面文件无效,因为:

  • a)缺少eot,eot fix,woff,truetype或svg格式之一 (无论哪个冰淇淋使用,但特别强调.woff)
  • b)中 它确实有正确的字体格式变体,但它的错误或 损坏
  • c)你在某处有一些拼写错误或流氓逗号 你的代码?
  • d)您不小心没有上传正确的格式文件 因而没有加载

请通过比较您宣布的Teuton23与Trade Gothic等效物的比较来仔细检查以上所有内容。