1

ここに示すように、Fontspringの「防弾構文」を使用してWebフォントをロードしますhttp://www.fontspring.com/blog/further-hardening-of-the-bulletproof-syntax

構文は、Android 4 の Samsung 実装 (たとえば、Android 4.0.4 を実行している Samsung Galaxy S2) を除いて、どこでも機能します。

途中ですべてのトラフィックをインターセプトするページをロードすると、次の奇妙なことが起こっていることがわかります。

1) ブラウザーは、Android がまったくサポートしていないはずの .woff ファイルを読み込みます。また、フォントの 1 つは woff のみがロードされており、問題なく使用されていることがわかります。それは良いです、それは最小のファイルです-おそらくいくつかのSamsung固有のフォントのサポート

2) 他の 2 つのフォントの場合、ブラウザはフォントの 3 つのバージョン (woff、ttf、および svg) を読み込みます。私たちが使用する 3 つのフォントはすべて同じ方法で宣言されていますが、Galaxy S2 がロードする 1 つのフォントは woff のみで、他の 2 つのバージョンはいくつかのバージョンです。

何が起こっていますか？似たような状況になった人いますか？修正方法は？

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