Question

我们的项目有一个@font-face规则，用于使用自定义字体：

@font-face {
  font-family: "Foo Light";
  src: url("foo.eot"); /* IE9 Compat Modes */
  src: url("foo.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
  url("foo.woff") format("woff"), /* Modern Browsers */
  url("foo.ttf") format("truetype"), /* Safari, Android, iOS */
  url("foo.svg#ca4650e2-5aa3-4755-9c6d-256cbb4f5115") format("svg"); /* Legacy iOS (and Galaxy S2/Android 4.0.3 and possibly other Android 4.0.3 devices) */
}

我们遇到了SVG字体和text-overflow: ellipsis的问题（请参阅here [搜索省略号]）。由于我们不再支持旧版iOS设备，因此我删除了SVG字体后备以修复省略号错误。

然后Android 4.0.3的默认浏览器（在Galaxy S2上）停止使用我们的自定义字体。事实证明它也会退回到SVG，而Android 2.3和更新的Android设备可以使用TTF字体。

有没有人遇到过这个Android 4.0.3默认浏览器无法使用TTF字体的问题？它有什么变通方法吗？

Answer 1

在Android浏览器中没有（完全）支持SVG，但Chrome支持它。使用标准英语以外字符的RTL语言在库存浏览器中根本不支持。

TTF字体是否适用于Android 4.0.3的默认浏览器？

1 个答案: