/ / फाउंडेशन ईमेल में एसएएसएस का उपयोग कर फाउंडेशन आइकन कैसे जोड़ते हैं - सीएसएस, नोड.जेएस, ईमेल, ज़र्ब-फाउंडेशन

फाउंडेशन ईमेल - एसएसएस, नोड.जेएस, ईमेल, ज़र्ब-फाउंडेशन में एसएएसएस का उपयोग करके फाउंडेशन आइकन कैसे जोड़ते हैं

मैं ईमेल के लिए नींव ज़ेरब का उपयोग कर रहा हूं और मैं अपने प्रोजेक्ट में फाउंडेशन आइकन का उपयोग करना चाहता हूं। मैं एसएसएस में नया हूं और मैंने निम्नलिखित निर्देशों का पालन करने की कोशिश की साइट लेकिन मैं इसे ठीक से चल रहा नहीं है।

मैंने अपनी रूट निर्देशिका (स्रोत के बाहर) में एक फ़ॉन्ट फ़ोल्डर बनाया और मैंने अपनी 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>

जब मैं कमांड चलाता हूं एनपीएम रन बिल्ड मुझे कार्य धावक gulp से निम्न त्रुटि मिलती है:

अनचाहे अस्वीकृति त्रुटि: ENOENT: ऐसी कोई फ़ाइल या निर्देशिका नहीं, "सी: Useraroaro_devemailfounddistfontfoundation-iconsfoundation-icons.css" खोलें त्रुटि पर (मूल) [00:11:11] निम्न कार्य पूर्ण नहीं हुए: डिफ़ॉल्ट, निर्माण, इनलाइन [00:11:11] क्या आप एसिंक पूरा करने को भूल गए थे?

क्या कोई मेरी मदत कर सकता है?

सादर

एआरओ

उत्तर:

जवाब के लिए 0 № 1

डिफ़ॉल्ट रूप से एससीएसएस का संस्करण नींव-ईमेल आइकन फ़ॉन्ट्स को शामिल न करें, क्योंकि अधिकांश ईमेल क्लाइंट में आइकन फोंट समर्थित नहीं हैं।

लेकिन अगर आपने अपना आइकन फोंट जोड़ा है, या नींव फोंट से आयात किया है नींव-साइटों अपना बदलें $font-path: परिवर्तनीय सीएसएस फ़ाइल के सापेक्ष फोंट के सही पथ को इंगित करने के लिए।

आइकन फोंट का उपयोग करने के बजाय अपने आइकन के लिए पीएनजी या जेपीजी छवियों का उपयोग करें।