html - Zurb のソーシャル アイコンを表示する際の問題

Question

Zurb Foundation でセットアップされたテスト サイトがあります。Zurb の svg 対応のソーシャル アイコンを機能させようとしていますが、アイコン自体が表示されません。アイコンの後ろに小さな影が表示されますが、アイコンは表示されません。

ここに例のあるテストサイトを設定しました。

Answer 1

サーバーが SVC MIME タイプを許可していることを確認してください。

.svg へのパスを zurb のデモを指すように変更すると、問題なく動作します。

.svg .fc-webicon.facebook {
background: url("http://www.zurb.com/playground/playground/social-webicons/images/fc-webicon-facebook.svg");
}