0

アイコンが壊れた私の検索ボタン

HTML

<link rel=stylesheet href=../static/css/foundation-icons/foundation-icons.css>

<a class="button radius search-header"><i class="fi-magnifying-glass"></i> Search</a>

Firefox 内で Ctrl+U を押した後、foundation-icons.css に移動したので、間違いなくファイルに正しくリンクしています。

foundation-icons フォルダーを正確にコピーし、何も削除していません。次のようになります。

./static/css/foundation-icons/
 - foundation-icons.css
 - foundation-icons.eot
 - foundation-icons.svg
 - foundation-icons.ttf
 - foundation-icons.woff
 - svgs/*
 - preview.html

編集: Chromium ですべてが正常に動作しているように見えるため、タイトルを変更し、Firefox タグを追加しました。これは Firefox の問題であり、おそらく私が修正することはできないため、少し困惑しています。

foundation-icons に付属の preview.html ファイルは、私の Firefox でも正しく動作します。

4

2 に答える 2

0

最初にこれを修正します：

<link rel="stylesheet" href="../static/css/foundation-icons/foundation-icons.css">

Foundation の例では、Firefox は.woffファイルを使用します。それらにアクセスできるかどうかを確認してください。

相対パスです。「静的」フォルダがブラウザで到達可能ですか?

于 2015-03-29T23:11:45.277 に答える