1

我们使用 fontspring“防弹语法”来加载 webfonts，如下所示http://www.fontspring.com/blog/further-hardening-of-the-bulletproof-syntax

除了 Android 4 的三星实现（例如，在运行 Android 4.0.4 的三星 Galaxy S2 中）之外，语法适用于任何地方。

当我加载一个中间拦截所有流量的页面时，我可以看到以下奇怪的事情发生：

1) 浏览器加载 Android 根本不应该支持的 .woff 文件。对于其中一种字体，只加载了 woff，我发现它使用得很好。很好，它是最小的文件——也许是一些三星特定的字体支持

2) 对于另外两种字体，浏览器会加载 3 个（三个！）版本的字体：woff、ttf 和 svg。我们使用的所有 3 种字体都以相同的方式声明，但其中一种字体 Galaxy S2 仅加载 woff，而其他两种字体 - 几个版本。

发生了什么？有人遇到过类似情况吗？如何解决？

PS 示例字体声明：

@font-face {
    font-family: 'MyWebFont';
    src: url('webfont.eot'); /* IE9 Compat Modes */
    src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('webfont.woff') format('woff'), /* Modern Browsers */
         url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
    }
4

0 回答 0