@ font-face issues

Question

私は以前これをしていましたが、まだそれをマスターしていません。私はfontsquirrel.comからフォントキットをダウンロードし、自分のカスタムフォントを自分のサイトで動かそうとしました。私は今や自分が混乱しているオンラインで発見された「弾丸校正」方法を含め、多くのバリエーションを試しました。誰かが以下のコードを見て、@ font-faceを使ってウェブサイト上で正しく動作するカスタムフォントを得る方法を教えてもらえますか？

fonts.cssという名前のスタイルシートがという名前のcssという名前のフォルダにあります。これは、カスタムフォントを呼び出すために使用されています。フォントファイルは、というフォントという名前のルートにあるフォルダにあります。

スタイルシートのCSS フォントです：明らか

} 
#merchandise h1 { 
    font-family: "Bebas Neue", Arial, Helvetica, sans-serif; 
    font-size: 33px; 
    font-weight: normal; 
    line-height: normal; 
    text-transform: uppercase; 
    letter-spacing: 1px; 
} 

何か：レイアウトなどについて

@font-face { 
    font-family: 'BebasNeueRegular'; 
    src: url('../fonts/bebasneue-webfont.woff') format('woff'), 
     url('../fonts/bebasneue-webfont.ttf') format('truetype'), 
     url('../fonts/bebasneue-webfont.webfontABYyK1dn') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

他のスタイルシートは、このようなフォントを呼びますか？もちろん、私はフォントがインストールされているので、私のマシン上でローカルに動作します。

Answer 1

は#merchandise h1では、font-family: "Bebas Neue"@font-faceでfont-family: "BebasNeueRegular"

または

、font-family: 'BebasNeueRegular'ニーズがfont-family: 'Bebas Neue'