CSSを使用してフォントを埋め込む。何も動作していないようです

Question

私はここでたくさんの質問をしてきましたが、私がやっていることがなぜ機能していないのか見ていません  - しかしそうではありません。私はCSSで埋め込まれたWebサイトに非標準フォントをいくつか使用したいと思っています。ここで

は私がFontSquirrelからもらったCSSは次のようになります。今、同じディレクトリに

p { 
    margin: 0 0 9px; 
    font-family: 'CrimsonRoman', Garamond, Times, Times New Roman, serif; 
    font-size: 13px; 
    line-height: 18px; 
} 

すべてのは、私は」：それは私のメインのCSSスタイルシートで参照のWHERE

@font-face { 
    font-family: 'CrimsonRoman'; 
    src: url('Crimson-Roman-webfont.eot'); 
    src: url('Crimson-Roman-webfont.eot?#iefix') format('embedded-opentype'), 
     url('Crimson-Roman-webfont.woff') format('woff'), 
     url('Crimson-Roman-webfont.ttf') format('truetype'), 
     url('Crimson-Roman-webfont.svg#CrimsonRoman') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

ここですまだディレクトリをナビゲートしていない。最初の用語を "Crimson"に変更すると、コンピュータ上のフォントの名前が正しく読み込まれます（または、ローカルにインストールした他のフォントに切り替えると、 "p"宣言自体が機能しているようです） ）。問題が何であれ、私はそれを見ていない。

両方のシートが正常に私のHTML文書にリンクされており、そのフォントは主なものの前にリンクされています。

私はFirefoxを使ってテストしています。

Answer 1

Dreamweaverでページをレンダリングする方法や、CSSを読み込む方法などがわかりました。最終的にすべてをサイトにアップロードして、何が起こっているのか、不思議なことにフォントが表示されるようにしました。今夜の私の教訓は、Dreamweaverのデザインビューを潜在的に不正確なスケッチと見なし、壊れていないものを修正しようとする時間を費やす前に、どこにいるかを正確に見極めることです。 ：\

Answer 2

ディレクトリパスが正しいことを確認し、フォントがサーバー上のフォルダを指していることを確認します。

例えば

@font-face { 
    font-family: 'CrimsonRoman'; 
    src: url('/fonts/Crimson-Roman-webfont.eot'); 
    src: url('/fonts/Crimson-Roman-webfont.eot?#iefix') format('embedded-opentype'), 
     url('/fonts/Crimson-Roman-webfont.woff') format('woff'), 
     url('/fonts/Crimson-Roman-webfont.ttf') format('truetype'), 
     url('/fonts/Crimson-Roman-webfont.svg#CrimsonRoman') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

Answer 3

ないあなたが探しているが、私は本当にこのためCufonを使用することをアドバイスしたいの答え。 (Direct link to Cufon)

@ font-faceはIEのようなブラウザでますますサポートされていますが、各コンピュータではまだ完璧に動作しません。我々が話すよう Cufonはでサポートされている、次のとおりです。

• のInternet Explorer 6、7および
• Mozilla Firefoxの1.5以降
• サファリ（1.09iのような）8
• Internet Explorer 9のベータ版を3+
• オペラ9.5以降
• Google Chromeの1.0+
• のiOS 2.0+
• （9.01+ 1.10のような） Opera Mini（ある程度まで）

...そして、その方法の隣にもっとクールなフォントオプションがあります。