ワードプレスでフォントフェイスが動作しない

Question

私は自分のウェブサイトでカスタムWebフォントを扱っていたので、私は怒っていました。

私はFont SquirrelからWebフォントキットを入手しました。私は自分のローカルWPサイトを使ってそれをテストしています。

私はここで

/WP-コンテンツ/テーマ/ twentyfifteen /フォントでフォントキットを貼り付け

がテーマフォルダ

@font-face { 
font-family: 'quicksandregular'; 
src: url('/fonts/quicksand-regular-webfont.woff2') format('woff2'), 
    url('/fonts/quicksand-regular-webfont.woff') format('woff'); 
font-weight: normal; 
font-style: normal; 

} 

h { 
font-family: 'quicksandregular' !important; 
} 

からの私のstyle.cssからのコンテンツで、何がウェブに起こりませんページ。私はカスタムフォント、Bebas Neueを見ることができません。

ご協力いただければ幸いです。

よろしくお願いいたします。

Answer 1

「quicksand」のフォントファミリを貼り付けることを意味しましたか？それにかかわらず、これは新しいフォントをインポートするのに適したテンプレートです。

@font-face { 
    font-family: 'quicksandregular'; 
    src: url('/htdocs/www/wp-content/themes/twentyfifteen/fonts/quicksand-regular-webfont.woff2') format('woff2'), 
     url('/htdocs/www/wp-content/themes/twentyfifteen/fonts/quicksand-regular-webfont.woff') format('woff'); 
    font-weight: normal; 
    font-style: normal; 
} 

あなたのフォントを呼び出すときに、それはすなわち、有効な名前を持つ有効なセレクタで実行する必要があります：

/* Style all Headlines */ 
h1, h2, h3, h4, h5, h6{ 
    font-family: "quicksandregular"; 
} 

ます。また、そうのようなフォールバックフォントスタックを使用する必要があります：

/* Style all Headlines */ 
h1, h2, h3, h4, h5, h6{ 
    font-family: "quicksandregular", Arial, Helvetica, sans-serif; 
}