CSSフォントリスが正しく適用されない

Question

私は、フォントリスの2つのフォントを使用して、この練習で私のワードプレスのウィジェット領域のいくつかをスタイル設定しています：ゴシックとプレイフェアの表示。しかし何らかの理由で、Playfairだけが適用され、ゴシックは無視されています。 そのワードプレスのウィジェットエリアなので、私は実際にHTMLを表示カントが、基本的には次が再び一種類のみのフォントのために働くCSSコードです：

CSS：

@font-face{ 
    font-family: 'Playdisplay'; 
    src: url('font/PlayfairDisplay-Bold.ttf') format('ttf'), 
    url('font/PlayfairDisplay-BlackItalic.ttf') format('ttf'), 
    url('font/PlayfairDisplay-BoldItalic.ttf') format('ttf'), 
    url('font/PlayfairDisplay-Italic.ttf') format('ttf'), 
    url('PlayfairDisplay-Regular.ttf') format('ttf'), 
    url('font/PlayfairDisplay-black.ttf') format('ttf'); 
font-weight: normal; 
font-style: normal;  
} 
@font-face{ 
    font-family: 'Goth'; 
    src: url('font/GOTHIC.ttf') format('ttf'), 
     url('font/GOTHICB.ttf') format('ttf'), 
     url('font/GOTHICBI.ttf') format('ttf'), 
     url('font/GOTHICI.ttf') format('ttf'); 
    font-weight: normal; 
    font-style: normal; 
} 

.mainfooter h3{ 
    font-family: Goth, GOTHIC; 
} 

footer h1, 
footer h2, 
footer h3{ 
    font-family: Playdisplay, PlayfairDisplay-Bold; 
} 

がどのように私は両方のフォントを使用して適用することができますサイトのどこにいても？

Answer 1

はまた、単一引用符で

.mainfooter h3{ 
    font-family: 'Goth'; 
} 

footer h1, 
footer h2, 
footer h3{ 
    font-family: 'Playdisplay'; 
} 

をお使いのフォント名を配置してみ、あなたはこれらが正しいか確認してください、あなたのフォントファイルに対して相対パスを使用しています！