@ font-face WordPressのCSSパス

Question

FontSquirrelが生成したCSSコードを使用して静的バージョンのサイトを作成しましたか？ "css"フォルダのCSSスタイルシート、 "fonts"フォルダのフォント。フォントフェイス相対パス@示すCSSサンプルチャンク：

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

すべてが

font-family: 'TitilliumText22LRegular', Verdana, sans-serif; 

への呼び出し今ではWordPressのテンプレートの時間だと正常に動作します。 WPはテンプレートルートスタイルシート（ "style.css"）を使用します。論理的には、フォントを "フォント"フォルダに保存して "../"パスのバックアップを取り除くと、WPスタイルシートはルートにあり、その中のすべてが自分の所在地：

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

これは機能しません。フォールバックフォントファミリやその他のフォントスタイルのルールは正常に動作します。 WPスタイルシートは、テンプレートルートの下にある "img"フォルダ内の画像を参照する類似のCSSパス構造には問題ありません。私が移動した場合不思議、フォントは、テンプレートのルートに自分自身をアップファイルなどのように直接スタイルシートでそれらを参照：

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

すべてが正常に動作します。もちろん、テンプレートルートに40以上のフォントファイルをダンプしたくないのですが。おそらくWPは、URLパストリッキーを使って、blog_info（ 'template_url'）などのPHPファイル/ルールを別途必要とします。しかし、私は代わりに明白な何かが欠けていると思う！任意のアイデアを

おかげ

Answer 1

は、テーマディレクトリにフォントと（私の例についてfonts.cssという名前の）フォントフェースCSSを含む別のfont-faceフォルダ（style.cssと同じレベル）

ディッチすべてを追加します。フォント名の接頭辞（../または/はありません）。私のテーマの

<link rel="stylesheet" type="text/css" href="<?php echo bloginfo('stylesheet_directory'); ?>/font-face/fonts.css" /> 

作品を任意の割合で：追加したいあなたheader.phpファイルで

。