Wordpressのカスタムフォントが動作しない

Question

私のカスタムフォントがWordPress（MAMP、Mac、localhost）にロードされない理由を理解しようとしています。

フォントが続いwp-content/themes/twentysixteen/style.cssに、私は次のCSSを持ってwp-content/themes/twentysixteen/fonts/

に格納されています。

私が持っている場合にのみ動作します。

@font-face { 
    font-family: "Averta-Regular"; 
    src: font-url("./fonts/31907B_A_0.eot"); 
    src: font-url("./fonts/31907B_A_0.eot?#iefix") format('embedded-opentype'), font-url("./fonts/31907B_A_0.woff2") format('woff2'), font-url("./fonts/31907B_A_0.woff") format('woff'), font-url("./fonts/31907B_A_0.ttf") format('truetype'); 
} 

html { 
    font-family: "Averta-Regular", "Helvetica Neue", sans-serif; 
    -webkit-text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%; 
} 

body { 
    margin: 0; 
    font-family: "Averta-Regular", "Helvetica Neue", sans-serif; 
} 

クロームはこの私を示してい私のオペレーティングシステムにインストールされているフォント。

Answer 1

CSSの3行目と4行目のfont-urlをurlに変更してみてください。あなたがロードしようとしているカスタムフォントのソースを認識していないようです。

Answer 2

商用で利用可能なttfフォントをダウンロードしてください。https://1001fonts.com/free-fonts-for-commercial-use.html?page=1&items=10あなたのテーマにコピーを貼り付け、上記のように@ font-faceを使用してください。すべてがうまくいくはずです。ローカルサーバーで開発していた間、すべてうまくいっていました。 public_htmlへのパブリッシュ時に、フォントの読み込みが拒否されました。 ttfに変更しなければならなかった場合、他のウェブフォントフォーマットを試すこともできますが、ttfはうまく動作します。あなたはまだGoogleのフォントを使用することができます。

Answer 3

あなたはこの wp_enqueue_style同様のfunctions.php にそのフォントをリンクする必要がある（ 'カスタム'、get_template_directory_uri（） 'https://fonts.googleapis.com/css?family=Roboto'）;