0

@font face に次の CSS を使用しています。私のデスクトップと私がテストした IOS デバイスで動作します。しかし、Android では失敗します。

@font-face {
    font-family: 'ReformaGroteskMedium';
    src: url('/css/fonts/reforma_grotesk/26890C_0_0.eot');
    src: url('/css/fonts/reforma_grotesk/26890C_0_0.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/reforma_grotesk/26890C_0_0.woff') format('woff'),
         url('/css/fonts/reforma_grotesk/26890C_0_0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

http://www.fontsquirrel.com/から生成されたフォント(これは機能します) は、次の行があることを除いて、まったく同じ方法で埋め込まれていることに気付きました。

url('SourceSansPro-ExtraLightIt-webfont.svg#SourceSansProExtraLightItalic') format('svg');

これが私のバージョンが機能しない理由ですか? Android は SVG のみをサポートしていますか?

私が使用している Android のバージョンは、Asus タブレットで 4.0.1 です。新しい Android フォンでは問題なく動作しました。

4

2 に答える 2

0

この記事から Moz Dev Network を引用します。

SVG が指定されたとき、Web フォントのサポートは期待されていませんでした。ただし、グラフィックのレンダリングには正しいフォントが不可欠であるため、フォント記述技術を SVG に追加することにしました。PostScript や OTF などの他の形式と一致することを意図したものではなく、レンダリング エンジン用のグリフ情報を埋め込む簡単な手段として意図されていました。

したがって、SVG (スケーラブル ベクター グラフィックス) 形式は、ブラウザー/デバイス エンジンがフォントを正しくレンダリングできるようにするための「パラシュート」として常に使用する必要があると思います。
とにかく、Android 4.0.1 とフォントのインポートについて公式なものは見つかりませんでしたが、フォントをインポートするときは常に SVG 形式も使用することを強くお勧めします。

于 2013-04-25T21:08:35.373 に答える