我们的项目有一个@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
(请参阅此处[搜索省略号])。由于我们不再支持旧版 iOS 设备,我删除了 SVG 字体后备以修复省略号错误。
然后 Android 4.0.3 的默认浏览器(在 Galaxy S2 上)停止使用我们的自定义字体。原来它也依赖于 SVG,而 Android 2.3 和更新的 Android 设备可以使用 TTF 字体。
有没有人遇到过 Android 4.0.3 默认浏览器无法使用 TTF 字体的问题?有什么解决方法吗?