0

このコードは、Web サイトのルート ディレクトリにある「fonts.css」というラベルの CSS ファイルにあります。

@font-face
{
    src:url(Fonts/Champagne%20&%20Limousines.ttf);
    font-family:'Champagne';
}

@font-face
{
    src:url(Fonts/Cicle%20Fina.ttf);
    font-family:'Ciclef';
}

すべてのフォントは、ルート ディレクトリ ("RootDirectory/Fonts") の "Fonts" というラベルの付いたフォルダーにあります。ルート ディレクトリにある HTML/CSS ページでフォントにアクセスしようとすると、フォントは正常に動作します。ただし、ルート ディレクトリ (「RootDirectory/About」) にないページからアクセスしようとすると、フォントが機能しません。このように機能しないページの HTML があります (「fonts.css」ファイルへのリンク):

<link rel="stylesheet" href="../fonts.css" />

それはうまくいくはずですよね？フォントが機能していた最初のページから新しい HTML と CSS を直接コピーしたため、タイプミスではありません。

PS 新しいページで機能していないのはそれだけです。画像やその他すべてが正常に機能しています。

4

2 に答える 2

0

パス内のスペースをキャンセルして、%20 を削除してください。アンパサンド & も削除します。結果は？

于 2015-07-16T10:30:38.583 に答える
0

何をしているのかわからない場合は、ドキュメント ルートからのパス全体を指定して、ローカル URL をルート化する必要があります。これは、URL の先頭にスラッシュを追加することによって行われます。

そう..

src:url(Fonts/Champagne%20&%20Limousines.ttf); /*and*/
src:url(Fonts/Cicle%20Fina.ttf);

なる...

src:url(/Fonts/Champagne%20&%20Limousines.ttf); /*and*/
src:url(/Fonts/Cicle%20Fina.ttf);

と...

<link rel="stylesheet" href="../fonts.css" />

なる...

<link rel="stylesheet" href="/fonts.css" />

先頭のスラッシュは、Web サイトのドキュメント ルートに相対的であることを意味します。また、Web サイトから機能することも意味します。これにより、コードの再利用と再編成が容易になります。

于 2012-05-19T22:20:47.093 に答える