2012-11-03 69 views
5

मैं लिटमस के साथ एक ईमेल डिज़ाइन का परीक्षण कर रहा हूं और मेरे जीवन के लिए मैं अपने फ़ॉन्ट्स को Outlook 2007/2010/2013 में ठीक तरह से सेट नहीं कर सकता। प्रत्येक एकल HTML/सीएसएस चाल/हैक Times New Roman में प्रस्तुत करने के लिए जारी है:आउटलुक 2007/2013 सीएसएस फ़ॉन्ट-पारिवारिक घोषणाओं को प्रस्तुत नहीं कर रहा है

`Outlook 2010 screenshot from Litmus

मैं ज्यादातर, लेआउट के लिए सरल तालिकाओं का उपयोग कर रहा हूँ ताकि सभी सामग्री एक टीडी तत्व के अंदर अंत में है।

यहां विभिन्न तकनीकों हैं जिन्हें मैंने फ़ॉन्ट सेट करने का प्रयास किया है।

मेरा स्टाइल घोषणा: दोनों ने हेड और बॉडी टैग & दोनों में यह कोशिश की है और न ही काम करता है।

<style> 
@font-face { 
    font-family: proxima-nova; 
    src: url('assets/ProximaNova-Reg.otf'); 
} 
@font-face { 
    font-family: proxima-nova-blk; 
    src: url('http://assets/ProximaNova-Black.otf'); 
} 
body *, td, p, li { 
    font-family: font-family:proxima-nova,'Proxima Nova Regular','Proxima Nova',verdana,sans-serif; 
} 
</style> 

सीएसएस शैली विशेषता टीडी तत्वों पर सेट करें: दोनों चेहरा और शैली के साथ

<td style="font-family:proxima-nova,'Proxima Nova Regular','Proxima Nova',verdana,sans-serif; color:#FFFFFF; font-weight:300;font-size:18px;"> 

font टैग विशेषताओं का सेट:

<font face="proxima-nova,Proxima Nova Regular,Proxima Nova,verdana,sans-serif" 
    style="font-size:28px; 
    font-family:proxima-nova,'Proxima Nova Regular','Proxima Nova',verdana,sans-serif;"> 

इनलाइन सीएसएस स्टाइल सब पर जिम्मेदार बताते हैं आंतरिक पाठ तत्व (पी, एलआई, ए):

मैं पूरी तरह से परेशान हूं। पर अन्य सभी प्रासंगिक ग्राहकों सब कुछ के साथ ही उम्मीद की जा सकती काम कर रहा है (यानी फोंट प्रदान कर रहे हैं के रूप में मैं विभिन्न कीड़े & प्रतिपादन weirdnesses दिया उम्मीद थी), आईओएस, जीमेल, आउटलुक 2003/एक्सप्रेस, आदि .:

enter image description here सहित

उत्तर

9

मैंने इस मुद्दे को मेरी स्टाइल घोषणा में ढूंढ लिया, जो ग्राहकों को समर्थन देने के लिए कस्टम फ़ॉन्ट फ़ाइल खींचने के लिए @ फ़ॉन्ट-फेस का उपयोग करता है (यानी ऐप्पल)। जाहिर है, आउटलुक 2007 में @ फॉन्ट-फेस घोषणा टूट जाता है के इस प्रयोग के बारे में कुछ - 20013.

<style> 
@font-face { 
    font-family: proxima-nova; 
    src: url('http://assets/ProximaNova-Reg.otf'); 
} 
@font-face { 
    font-family: proxima-nova-blk; 
    src: url('http://assets/ProximaNova-Black.otf'); 
} 
</style> 

मैं इस शैली टैग की अनदेखी करने के MS Outlook पाने के लिए की जरूरत है, तो मैं [if !mso] टैग के साथ पूरे ब्लॉक लिपटे:

<!--[if !mso]><!--> 
<style> 
@font-face { 
... 
} 
</style> 
<!--<![endif]--> 

वाह, जो मुझे पागल कर रहा था।

1

मैंने [if! Mso] टैग के साथ आपके समाधान का प्रयास किया है, लेकिन किसी कारण से यह काम नहीं करेगा। अंततः मुझे एक अलग समाधान मिला:

आप Outlook 2007/2010/2013 जैसे क्लाइंट में सही फ़ॉलबैक-फ़ॉन्ट को मजबूर करने के लिए फेस-एट्रिब्यूट के साथ फ़ॉन्ट-टैग का उपयोग कर सकते हैं। उदाहरण के लिए:

<td style="color:#FFFFFF; font-weight:300;font-size:18px;"> 
    <font face="proxima-nova,'Proxima Nova Regular','Proxima Nova',verdana,sans-serif" 
</td> 

मैं लिटमस में यह परीक्षण किया है और आउटलुक 2007/2010/2013 में यह Verdana करने के लिए और ग्राहकों को जो कस्टम फ़ॉन्ट का समर्थन करते हैं, यह पता चलेगा PROXIMA-नोवा वापस आने जाएगा।

मुझे उम्मीद है कि इससे मदद मिलती है।

+0

त्वरित प्रश्न - मेरे मामले में मैं उन उपयोगकर्ताओं के लिए एक फ़ॉन्ट फ़ाइल आयात कर रहा था जिनके ग्राहक इसका समर्थन करते हैं, यानी मैक उपयोगकर्ता। (बहुत कम लोगों में प्रॉक्सिमा नोवा है लेकिन यह हमारा ब्रांड फ़ॉन्ट है।) क्या आप ऐसा करने की कोशिश कर रहे थे, या बस फोंटबैक के साथ उपयोगकर्ता को अपनी मशीन पर पहले से ही फ़ॉन्ट्स का उपयोग करना था? – ElBel

+0

देर से उत्तर के लिए खेद है, लेकिन हाँ: मैं "@import url (http://fonts.googleapis.com/css?family=PT+Sansaught00,700,400italic,700italic) का उपयोग करके फ़ॉन्ट फ़ाइल भी आयात कर रहा था;" – user2236697

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

  • कोई संबंधित समस्या नहीं^_^