うまくいくことを願っています。
現在、Zurb Foundation 4 を使用して Web サイトの html/css プロトタイプを構築しています。現在、Sublime Text 3 とインターネット ブラウザを使用してこれを構築しています。Zurb Foundation のアイコン セットの使用に非常に興味がありますが、現在、それらを表示することができません。Scout for sass をインストールしていますが、引き続きテキスト エディターとブラウザーを使用してこのプロトタイプを作成したいと考えています。Zurb Foundation の Web サイトからアイコン パッケージをダウンロードすることはできましたが、これらのファイルを現在のプロジェクトに組み込む方法がよくわかりません。次のフォルダー/ファイル構造としての私のプロジェクト:
- css (foundation.css、foundation.min.css、normalize.css を含む)
- img (.gitkeep を含む)
- js (foundation および vendor js ファイルを含む)
- index.html
Zurb Foundation のアイコンには、.css、.eot、.svg、.woff などのさまざまなファイル タイプが付属しており、これらのアイコン フォントが格納されているように見える「svgs」というフォルダも含まれています。私は次のことを試みました：
- zurb Foundation アイコン フォント フォルダーの内容をプロジェクトの css に配置します。
- html ページのリンクされた財団アイコン スタイル シート
- HTMLで「」と入力してアイコンをテストしました
パネル ハウジングのアイコンは少し大きくなりましたが、アイコンは表示されませんでした。sass の実行とコンパイルでアイコン フォントを使用することは可能ですか? 純粋にhtml/cssを実行できますか、それとも宝石とコンパスを実行する必要がありますか? アイコンフォントの使用と実装には慣れていますが、設定方法がわかりません。
フォルダー構造と、foundation-icon パッケージに含まれるファイルを基本的な zurb プロジェクト (サイトから zurb 基盤をダウンロードするときに受け取る基本的なプロジェクトなど) に適切に追加する方法を教えてください。
よろしくお願いします。