/ /財団の電子メールでSASSを使用してFoundationアイコンを追加する方法 - css、node.js、email、zurb-foundation

Foundation EmailでのSASSを使用したFoundationアイコンの追加方法 - css、node.js、email、zurb-foundation

私は電子メールにFoundation zerbを使用しています。私は自分のプロジェクトでFoundationアイコンを使いたいと思っています。私はscssで新しく、私は以下の指示に従おうとしました サイト しかし、私はそれを正常にruning取得しないでください。

ルートディレクトリ(srcの外)にフォントフォルダを作成し、app.scssファイルに次のコードを追加しました:

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: そのようなファイルやディレクトリはありません。 "C:Usersaroaro_devemailfounddistfontfoundation-iconsfoundation-icons.css" エラー時(ネイティブ) [00:11:11]次のタスクは完了しませんでした:デフォルト、ビルド、インライン [00:11:11]非同期完了を知らせるのを忘れましたか?

誰か助けてくれますか?

宜しくお願いします

アロ

回答:

回答№1は0

デフォルトでは、 scss バージョン 基礎メール ほとんどの電子メールクライアントではアイコンフォントはサポートされていないため、アイコンフォントは含まれません。

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

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