-1

私はこのフォントを使おうとしています：http ：//www.fontsquirrel.com/fontfacedemo/eb-garamond そこで、タイプキットをダウンロードして正しいディレクトリに配置しました。

CSS：

@font-face {

font-family: 'EBGaramondSC';
src: url('/EBGaramondSC-webfont.eot');
src: url('/EBGaramondSC-webfont.eot?#iefix') format('embedded-opentype'),
     url('/EBGaramondSC-webfont.woff') format('woff'),
     url('/EBGaramondSC-webfont.ttf') format('truetype'),
     url('/EBGaramondSC-webfont.svg#EBGaramondRegular') format('svg');
font-weight: normal;
font-style: normal;
}

p.style2 {font: 18px/27px 'EBGaramondSC', Arial, sans-serif;}

HTML： [p class="style2"] Alfab Solutions, LLC is a custom security firm who focuses on rural secruity solutions. We offer rugged, secure camera systems which integrate into our SSL encrypted website. We provide 24/7 access to your security footage, so you can have peace of mind that your assets are safe. [/p] Ignore brackets

Firebugは正しいフォント画像さえ表示しません。何が得られますか？
私は奇妙なディレクトリ構造を持っています。インデックスは.phpで、テンプレートファイルから生成されます。したがって、私のフォントは、そこにあるhtmlにのみ影響するため、本来あるべきテンプレートディレクトリにあります。

4

3 に答える 3

6

CSSコードを見ると、URLがすべて絶対パスであることがわかります（相対パスと絶対パスについて知っていますか？そうでない場合は、それらについて読んでください：D）

@font-face {
   src: url('/EBGaramondSC-webfont.eot');
}

/？に注意してください

そのはず：

src: url('/templates/EBGaramondSC-webfont.eot');

または、フォントファイルがCSSと同じフォルダにある場合：

src: url('EBGaramondSC-webfont.eot');

Chrome Inspectorを開くと（404の警告が出力されます）、次のように表示されます。

リソースの読み込みに失敗しました：サーバーはステータス404（見つかりません）で応答しましたhttp://www.alfabsolutions.com/EBGaramondSC-webfont.svg

そうそう、それ！幸運を。

于 2012-06-25T03:35:31.347 に答える
1

サイトとコードを見ると、/からフォントを読み込もうとしています。@font-face宣言のパスを/template/ *に変更して、機能するかどうかを確認してください。

よろしく、ラージ

于 2012-06-25T03:35:56.397 に答える
0

属性が各フォントファイルの正しいパスを指すstyle.cssように、CSSファイルを変更するだけで済みます。src

正しくない

src: url('/EBGaramondSC-webfont.eot');

修正済み

src: url('/templates/EBGaramondSC-webfont.eot');
于 2012-06-25T03:38:45.697 に答える