2017-01-04 10 views
0

私のFoundation Sassプロジェクトにfontawesomeアイコンを組み込みたいと思います。 fontawesomeチームによって提案された、まだそれが動作していないように私はFontawesome with Foundation 6 - エラー

  1. は私が変更されている
  2. は私がconfig.yml
  3. にSCSSファイルを追加したfontawesomeをインストールバウアー...すべてを行っていますフォントへのパス名は

    https://postimg.org/gallery/1h018wsm8/

    私は私のブラウザで取得することは奇妙なシンボルであり、いくつかの理由でそれが動作していない

をフォルダ。私が逃していることを教えてもらえますか?ありがとうございます...

答えて

0

あなたの財団_settings.scssまたはapp.scssファイルのbower_componentsフォルダからscssファイルを@importにする必要があります。

config.ymlにある参照は、実際のscssファイルのインポートではなく、プラグイン/モジュールへのPATHです。これは* .scssファイルをdistディレクトリにコピーしますが、依然としてサイト/アプリケーションコードからの参照が必要です。

私は様々なSCSSファイルをインポートするapp.scssを使用し、とても素晴らしいフォントのための私の@importコマンドは次のとおりです。

@import '../../../bower_components/font-awesome/scss/font-awesome';

注:これは(あなたがフォントファイルのパスを設定する)特定のファイルfont-awesome.scssにある、ありませんあなたはまたgulpfile.babel.js + config.ymlを介して行うことができるフォントファイルをインポートすることを確認する必要がありますので、ディレクトリ全体。

関連する問題