/ / Jak dodawać ikony Fundacji za pomocą SASS w Foundation Email - css, node.js, email, zurb-foundation

Jak dodawać ikony Fundacji za pomocą SASS w Foundation Email - css, node.js, email, zurb-foundation

używam programu fundacji zerb dla poczty e-mail i chcę używać ikon Foundation w moim projekcie. Jestem nowy w scss i starałem się postępować zgodnie z instrukcjami od następujących teren ale nie rozumiem, że działa poprawnie.

Stworzyłem folder czcionek w moim katalogu głównym (poza src) i dodałem poniższy kod, jak opisano w pliku 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";

Na mojej stronie dodałem do testowania jedną ikonę, ale nie wyrenderowałem ikony.

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

Kiedy uruchomię polecenie npm uruchom kompilację pojawia się następujący błąd w wyniku uruchomienia zadania:

Nieobsługiwany błąd odrzucenia: ENOENT: nie ma takiego pliku lub katalogu, otwórz "C: Usersaroaro_devemailfounddistfontfoundation-iconsfoundation-icons.css" w Błąd (natywny) [00:11:11] Poniższe zadania nie zostały ukończone: domyślnie, kompilacja, wbudowane [00:11:11] Czy zapomniałeś zasygnalizować zakończenie asynchronizacji?

Czy ktoś może mi pomóc?

Z poważaniem

Aro

Odpowiedzi:

0 dla odpowiedzi № 1

Domyślnie scss wersja fundacja-email nie zawierają czcionek ikon, ponieważ czcionki ikon nie są obsługiwane w większości klientów poczty e-mail.

Ale jeśli dodałeś własne czcionki ikon lub zaimportowałeś podstawowe czcionki strony fundacji Zmień swoje $font-path: zmienna wskazująca właściwą ścieżkę czcionek względem pliku css.

Zamiast używać ikon, użyj ikon png lub jpg dla swoich ikon.