2017-10-09 5 views
0

CSS3のフォントフェースに問題があります。優先H2のかalineaの上の私のCSSでのジェームズ・ファハルド:フォント・フェイスがアンドロイドクロムとファイヤーフォックスで動作しない

@font-face { 
font-family: James Fajardo; 
src: url('https://www.twoseven.nl/kurkorganicwines/wp- 
content/themes/kurk/fonts/James_Fajardo.ttf'); 
} 

フォントファミリを使用した場合のコードは動作します。私は、次のコードで私のフォントを呼び出しています。デスクトップ上のChromeでも動作しています。しかし、それはFirefoxやAndroid Mobile上のChromeでは動作しません。不思議にも、それはiPhoneのSafariで動作しています。

誰でもこの問題を解決する方法を知っていますか?私はすでに別のフォントスタイル(woffやwoff2など)をインストールしようとしましたが、まだAndroidデバイスでは動作しません。

Thnxです。 Rob

+0

は、私はあなたがより多くのフォーマットが必要だと思う(.SVG、.woff、.woff2、...)詳細https://developer.mozilla.org/en-US/docs/Web/CSS/@font-顔 –

+0

これは試しましたか? https://www.paulirish.com/2010/font-face-gotchas/#smiley –

答えて

0

フォントのローカルパスを使用してください。時にはそれが動作します。

@font-face{font-family:James Fajardo;src:url(James_Fajardo.ttf)} 
関連する問題