/ / Ako pridávať ikony nadácie pomocou SASS do nadradeného e-mailu - css, node.js, e-mail, zurb-foundation

Ako pridávať ikony nadácie pomocou SASS do nadradeného e-mailu - css, node.js, e-mail, zurb-foundation

ja používam nadáciu zerb pre e-mail a chcem používať nadácie ikony v mojom projekte. Som nový v scss a pokúsil som sa postupovať podľa pokynov uvedených nižšie site ale nemám to beží správne.

Vytvoril som priečinok s písmenami v koreňovom adresári (mimo src) a pridal som nasledujúci kód, ako je popísaný v súbore 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";

V mojej stránke som sa pridal na testovanie jednej ikony, ale ikonu nezobrazil.

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

Pri spustení príkazu npm run build Mám nasledujúcu chybu z úlohy runner gulp:

Neodporúčané odmietnutie Chyba: ENOENT: žiadny takýto súbor alebo adresár, otvorte "C: Usersaroaro_devemailfounddistfontfoundation-iconsfoundation-icons.css" pri chybe (natívne) [00:11:11] Nasledujúce úlohy sa neukončili: predvolené, stavať, inline [00:11:11] Zabudli ste na signalizáciu dokončenia async?

Môže mi niekto pomôcť?

S Pozdravom

aro

odpovede:

0 pre odpoveď č. 1

Štandardne je SCSS verzia Základ-email nezahŕňajú písma s ikonami, pretože písma s ikonami nie sú podporované vo väčšine poštových klientov.

Ak ste však pridali svoje vlastné písma s ikonami alebo ste importovali fonty nadácie základové stránok zmeniť svoje $font-path: premenná na správnu cestu písiem vzhľadom na váš css súbor.

Namiesto použitia písma s ikonami používajte png alebo jpg obrázky pre vaše ikony.