FoundationのメールでSASSを使用するFoundationアイコンを追加する方法

Question

私はFoundation ZerbをEmail用に使用しています。私は自分のProjectでFoundationアイコンを使いたいと思っています。私はscssで新しく、私は以下の指示に従おうとしましたsiteしかし、私は正しく実行されていません。

私は（SRC外）私のルートディレクトリにフォントフォルダを作成し、私のapp.scssファイルにdiscribedとして、私は次のコードを追加しました：私のページで

enter code here 
$font-path: "../fonts/foundation-icons/foundation-icons"; 
@font-face { 
    font-family: "foundation-icons"; 
    src: url("#{$font-path}.eot"); 
    src: url("#{$font-path}.eot?#iefix") format("embedded-opentype"), 
     url("#{$font-path}.woff") format("woff"), 
     url("#{$font-path}.ttf") format("truetype"), 
     url("#{$font-path}.svg#fontcustom") format("svg"); 
    font-weight: normal; 
    font-style: normal; 
} 

@import "../fonts/foundation-icons/foundation-icons.css"; 

私は1つのアイコンをテストするために加え、それアイコンを表示しませんでした。

<i class="fi-social-linkedin">linkedIn</i>

私は、コマンドNPMの実行を実行すると、私は、タスクランナー一気から次のエラーを取得するを構築：

未処理の拒否エラー：ENOENT：そのようなファイルやディレクトリはありませんが [00:11:11]次のタスクは完了しませんでした：default（デフォルト：C：\ Users \ aro \ aro_dev \ emailfound \ dist \ font \ foundation-icons \ foundation-icons.css ' 、ビルド、インライン [00:11:11]非同期完了を知らせるのを忘れましたか？

誰かが私を助けることができますか？デフォルトでは

よろしく

アロ

Answer 1

アイコンフォントが電子メールクライアントのほとんどでサポートされていないとして基盤-メールのSCSSバージョンは、アイコンフォントが含まれていません。

しかし、あなたは、ファイルをCSSにフォントの相対の正しいパスを指すように$font-path:変数を変更基礎-サイトからの基礎フォントを独自のアイコンフォントを追加、またはインポートしている場合。

アイコンフォントを使用する代わりに、アイコンにpngまたはjpgイメージを使用します。