Wordpressが私のカスタムフォントを見つけられません

Question

@font-face { 
    font-family: 'chunkfive'; 
    src: url('wp-content/themes/onesquad/fonts/chunkfive_ex-webfont.woff2') format('woff2'), 
     url('wp-content/themes/onesquad/fonts/chunkfive_ex-webfont.woff') format('woff'), 
     url('wp-content/themes/onesquad/fonts/chunkfive_ex-webfont.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
} 

h1 { 
    font-family: 'chunkfive', 'Open Sans', Helvetica, Arial, sans-serif!important; 
} 

フォントの種類は、私のテーマのルートファイルの「フォント」というフォルダにあります。

私はこれを追加しました！重要なのは、Wordpressがそれを無効にしていたからです。

Chrome devtoolsによると、font-familyコマンドは認識されますが、代わりにOpen Sansが選択されるため、フォントファイルをリンクする際に問題が発生する可能性があります。

多くのありがとうございます。

Answer 1

絶対パスと相対パスの問題があると想定できます。 私はあなたが絶対的なものを使用してみてくださいすることをお勧め、それが不一致URLを避けるために、パスの前にスラッシュを追加すると言うことです：

@font-face { 
 
    font-family: 'chunkfive'; 
 
    src: url('/wp-content/themes/onesquad/fonts/chunkfive_ex-webfont.woff2') format('woff2'), 
 
     url('/wp-content/themes/onesquad/fonts/chunkfive_ex-webfont.woff') format('woff'), 
 
     url('/wp-content/themes/onesquad/fonts/chunkfive_ex-webfont.ttf') format('truetype'); 
 
    font-weight: normal; 
 
    font-style: normal; 
 
} 
 

 
h1 { 
 
    font-family: 'chunkfive', 'Open Sans', Helvetica, Arial, sans-serif!important; 
 
}

Answer 2

私はあなたがこれを書いていると信じてあなたのテーマのCSSファイルに追加してください。もしそうなら、あなたのパスから 'wp-content/themes/onesquad /'を削除してください。

Answer 3

あなたのテーマの/css/fontsフォルダにfont.cssというファイルがあるとします。あなたのフォントが同じ/fontsフォルダにある場合次に、あなたはちょうどあなたが、その後同じフォルダにフォントを指したいあなたfonts.cssファイルで

wp_enqueue_style('mytheme-fonts', get_template_directory_uri(). '/css/fonts.css'); 

あなたfunctions.phpファイルにCSSファイルをキューに入れることができます

@font-face { 
    font-family: 'chunkfive'; 
    src: url('chunkfive_ex-webfont.woff2') format('woff2'), 
     url('chunkfive_ex-webfont.woff') format('woff'), 
     url('chunkfive_ex-webfont.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
} 

これはうまくいくはずです。