2015-06-17 7 views
5

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

<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <meta name="viewport" content="width=device-width" /> 
    <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> 
    <link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'> 
    <style> 
.footer i { 
     color: #999; 
     margin: 0 2px; 
    } 

    .footer i:hover { 
     color: #333; 
    } 

    .footer p { 
     text-align: center; 
     margin-bottom: 15px; 
    } 

    .footer a i { 
     border: none; 
     outline: none; 
    } 
</style> 

यहाँ प्रयोग में प्रतीक हैं:

<p> 
    <a href="http://facebook.com/"><i class="fa fa-facebook-square fa-2x"></i> 
    <a href="http://twitter.com/"><i class="fa fa-twitter fa-2x"></i> 
    <a href="http://pinterest.com/"><i class="fa fa-pinterest fa-2x"></i> 
    <a href="http://instagram.com/"><i class="fa fa-instagram fa-2x"></i> 
</p> 

उत्तर

3

आप इनलाइन सीएसएस का उपयोग करने के रूप में यह कहते हैं की जरूरत है: इस तरह के के रूप में ब्राउज़र आधारित ईमेल अनुप्रयोग, क्योंकि इनलाइन सीएसएस

उपयोग जीमेल, डिफ़ॉल्ट रूप से <head> और <body> टैग को पट्टी करें, हमेशा एम्बेडेड सीएसएस पर इनलाइन सीएसएस का उपयोग करें।

पढ़ें link

अपने कोड here परिवर्तित करने का प्रयास करें और फिर मेल यह

+0

क्षमा करें, लेकिन फ़ॉन्ट आइकन ई-मेल क्लाइंट पर काम नहीं करेंगे। यह इस मुद्दे को ठीक नहीं करेगा। –

0

आप पूछ रहे हैं: "मैं एक HTML टेम्पलेट है, जो फ़ॉन्ट बहुत बढ़िया प्रतीक भी शामिल है का उपयोग कर सकते एक MailChimp अभियान में, ? " तो मैं मदद नहीं कर सकता।

लेकिन मैं जवाब दे सकता हूं "मैं MailChimp अभियान में फ़ॉन्ट विस्मयकारी आइकन का उपयोग कैसे कर सकता हूं?"

एकमात्र तरीका जिसे मैंने पाया है, वह है कि वह अपने अभियान संपादक/डिजाइनर का उपयोग करके अपने MailChimp अभियान को अपनी वेबसाइट पर बनाना है। असल में, मुझे आइकन को एक छवि में बदलना पड़ा, और ऑनलाइन और अपनी आवश्यकताओं को पूरा करने के लिए इसे दोबारा आकार देना पड़ा। अतिरिक्त मैन्युअल काम, लेकिन यह वही है जो मुझे चाहिए। उम्मीद है की यह मदद करेगा।

2

ऐसा करने का कोई तरीका नहीं है। दुर्भाग्यवश ई-मेल क्लाइंट बहुत सीमित हैं। अधिकांश किसी भी CSS3, और न ही @ फ़ॉन्ट-फेस को नियंत्रित नहीं कर सकते हैं (यह आइकन के लिए फ़ॉन्ट-कमाल का उपयोग करता है)। यदि आप Outlook समर्थन चाहते हैं - आप निश्चित रूप से चाहते हैं - आपको आइकन छवियों के रूप में भी आइकन का उपयोग नहीं करना चाहिए।

प्रत्येक आइकन को छवियों में कनवर्ट करना एकमात्र सुरक्षित तरीका है। सौभाग्य से, iconmoon मदद कर सकते हैं। आपको आवश्यक आइकन चुनें, एसवीजी/पीएनजी के रूप में डाउनलोड करने के लिए चुनें और पीएनजी फाइलों का उपयोग करें।

एक और चेतावनी: लेआउट के लिए टेबल का उपयोग करें, जैसे कि आप 1998 में थे, इस तरह की कोई फ्लोट या फैंसी चीजें नहीं थीं।

संबंधित मुद्दे