私のSVGはなぜ公開されませんか？

Question

ウェブサイトに信頼性の高いSVGがあります。私はfreeicons/icon8からそれらを入手し、1または2私は自分自身をInkscapeを使って作った。最初はHTMLを使用して自分のウェブサイトに追加しましたが、100％時間をロードする方法についてオンラインで調査したので、代わりにCSSを使用することに決めました。これはまだ私のためにそれを修正しませんでした。私はSVGファイルがちょうど悪い（それができる）か、それを追加しようとしたときに本当に何かを混乱させるかどうかはわかりません。

ウェブサイトは、あなたが右に3つのリンクがあります、トップ黒いバーにそのことに気づくでしょうhttp://lazeeztandoori.co.uk/index2.html

で見つけることができます。これらのリンクのアンカーには、使用したい特定のアイコンに関連するセレクターがありますが、ロードされません。

さらに、ナビゲーションメニューには各リンクのアイコンがあります。リンクにはアイコンが表示されます（表示されない場合は90％の確率で表示されます）。これらは通常のimgタグを使って追加されます。

どのような考えがありますか？ SVGが読み込まれないのはなぜですか？私は自分のHTML/CSSや他の何かを台無しにしたことがありますか？

ご迷惑をおかけして申し訳ありません。

Answer 1

http://www.lazeeztandoori.co.uk/image/navicons/のファイルmenu.svgには、ファイル拡張子svgとコンテンツタイプtext/plainがあります。 charset = ISO-8859-1。これは圧縮されていないSVGの正しいファイル拡張子ですが、SVGのMIMEタイプは間違っています。

は1を、既存の新しい.htaccessファイルを追加/編集すると、次のMIMEタイプを追加：thisを確認し、詳細については

AddType image/svg+xml svg 
AddType image/svg+xml svgz 

を。

Answer 2

WebサーバーがSVGファイルのコンテンツタイプを送信していません。これは、ブラウザが何をしているのか分からず、それらをレンダリングしないようにしています。

Content-Typeがimage/svg+xmlに設定されていることを確認してください。 Webサーバーの追加設定が必要です。