2016-08-30 5 views
1

コードが実稼動中のときに、カスタムフォントを相対パスで呼び出す際に問題が発生します。私のローカルセットアップですべてうまく動作します。相対パスがカスタムフォントで動作しない

は、ここに私のフォルダ構成

-fonts 
--Neil.eot 
--Neil.woff 
--Neil.ttf 
--Neil.svg 
-stylesheets 
--style.css 

されており、ここで私はそれが生産に動作させるために、絶対パスを使用する必要が

@font-face { 
    font-family: "Neil"; 
    src: url('../fonts/Neil.eot'); 
    src: url('../fonts/Neil.woff') format('woff'), 
     url('../fonts/Neil.ttf') format('truetype'), 
     url('../fonts/Neil.svg#Helvetica') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

のstyle.cssに、カスタムフォントの宣言です。誰かがヒントを持っている場合。

+0

あなたのブラウザインスペクタに**ネットワーク**タブを確認し、ページをリロードしてください。どのリソースがロードされているかを示すはずです。あなたのフォントは読み込まれません。右クリックしてURLをコピーし、新しいウィンドウ/タブでアクセスできるかどうかを確認します。 - あなたのパスが何とか間違っているか、あなたのブラウザがそれを「安全な」リソースとして認識しないか、キャッシュの問題です。 – AlexG

+0

私のウェブサイトにwwwが追加されているため、原因を見つけた可能性があります。クロスオリジンエラーがあります。すべてのページに送信され、リクエストはwww。**ページからウェブサイトに送信されます。 –

答えて

1

これは相対パスの問題ではなく、私のワードプレスの誤設定に起因するクロスオリジン要求エラーです。 ウェブサイトのアドレスがWordPressのアドレスと異なっていました。

ありがとうございました!

関連する問題