2

そのため、この Web サイトを開始したときに、外部 CSS ファイルをルート フォルダー内の専用の "css" フォルダーに配置するのを忘れていました。

ルートに新しいフォルダーを作成し、CSS ファイルをそのフォルダーに貼り付けて、HTML に適切にリンクしていることを確認しました。背景画像 (2 つありました) を除いて、すべてのスタイリングが機能しました。

CSS ファイルを移動する前は、背景画像のコードは次のようになっていました -

    background-image: url(images/main_bg.png);

再入力したところ、このようになりました。背景画像がサーバーとローカル ホストに表示されるようになりました。

    background-image: url(../images/main_bg.png);

ただし、私のフォントキットは表示されません。背景画像のように機能すると仮定して、各リンクの前に「.../」を追加しようとしましたが、うまくいきませんでした。すべてのフォントは、サーバー上の独自のフォルダーにあります。これは、私のスタイルシートでどのように見えるかです -

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

それらをどのように間違ってリンクしていますか？私の鼻の下でおそらくばかげた答えですが、私はイライラしています（笑）。

4

1 に答える 1

0

../ を URL に追加すると、画像と同じように機能するはずです。CSS のすべては、css ファイルがある場所のパスから相対的にリンクされています。誤って font-folder を移動しましたか? このセットアップでは、ルート フォルダーに font-folder があることを確認してください。

于 2012-10-18T13:04:48.900 に答える