/ / Как да добавяте икони на фондацията, използвайки SASS във Фондация Email - css, node.js, имейл, zurb-foundation

Как да добавяте икони на фондацията, използвайки SASS във Фондацията Email - css, node.js, email, zurb-foundation

Аз използвам фундамент Zerb за имейл и искам да използвам фондация икони в моя проект. Аз съм нов в SCSS и аз се опитах да следвате инструкциите от следното място но аз не го стартирате правилно.

Създадох папка с шрифтове в главната директория (извън сървъра) и добавих следния код, както е описано в моя 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";

В моята страница аз добавих за тестване на една икона, но не показах иконата.

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

Когато изпълнявам командата npm run build получавам следната грешка от задачата runner gulp:

Неоправдано отхвърляне Грешка: ENOENT: няма такъв файл или директория, отворете "C: Usersaroaro_devemailfounddistfontfoundation-iconsfoundation-icons.css" при грешка (роден) [00:11:11] Следните задачи не са завършени: по подразбиране, изграждане, вградени [00:11:11] Забравихте ли да сигнализирате за завършване на async?

Може ли някой да ми помогне?

С Най-Добри Пожелания

Aro

Отговори:

0 за отговор № 1

По подразбиране SCSS версия на фундамент-мейл не включват шрифтове за икони, тъй като иконите шрифтове не се поддържат в повечето пощенски клиенти.

Но ако сте добавили собствени шрифтове за икони или сте импортирали шрифта на фондацията фундаментни-сайтове Променете вашето $font-path: променлива, за да сочи към правилния път на шрифтовете спрямо вашия css файл.

Вместо да използвате икони шрифтове използвайте png или jpg изображения за вашите икони.