6

IE7 और IE8 में में इटैलिक में प्रस्तुत हुई है, जब एक कस्टम वेब फ़ॉन्ट का उपयोग करके, पाठ कभी कभी इटैलिक में प्रदान की गई है, तब भी जब मैं स्पष्ट रूप से font-style: normal निर्धारित किया है। मुद्दा छिटपुट है - यह ठीक कुछ समय प्रस्तुत करना होगा, तो मैं ताज़ा और सब कुछ इटैलिक में है, तो मैं ताज़ा और यह सामान्य करने के लिए वापस आ गया है।कस्टम फ़ॉन्ट कभी कभी IE8/IE7

@font-face { 
    font-family: 'DIN'; 
    src: url('fonts/DINWeb.eot'); 
    src: url('fonts/DINWeb.eot?#iefix') format('embedded-opentype'), 
     url('fonts/DINWeb.woff') format('woff'); 
    font-weight: normal; 
    font-style: normal; 
} 
@font-face { 
    font-family: 'DIN'; 
    src: url('fonts/DINWeb-Bold.eot'); 
    src: url('fonts/DINWeb-Bold.eot?#iefix') format('embedded-opentype'), 
     url('fonts/DINWeb-Bold.woff') format('woff'); 
    font-weight: bold; 
    font-style: normal; 
} 
@font-face { 
    font-family: 'DIN'; 
    src: url('fonts/DINWeb-Ita.eot'); 
    src: url('fonts/DINWeb-Ita.eot?#iefix') format('embedded-opentype'), 
     url('fonts/DINWeb-Ita.woff') format('woff'); 
    font-weight: normal; 
    font-style: italic; 
} 
@font-face { 
    font-family: 'DIN'; 
    src: url('fonts/DINWeb-BoldIta.eot'); 
    src: url('fonts/DINWeb-BoldIta.eot?#iefix') format('embedded-opentype'), 
     url('fonts/DINWeb-BoldIta.woff') format('woff'); 
    font-weight: bold; 
    font-style: italic; 
} 

थेरेस a commentthis article पर इंगित करता है कि यह @font-face घोषणाओं के आदेश के बारे में हो सकता है:

मैं इस @font-face घोषणा का उपयोग कर रहा है लेकिन केवल एक चीज है कि समस्या बंद कर दिया इटैलिक घोषणाओं पूरी तरह से निकालने गया था ।

Another Stack Overflow answer फ़ॉन्ट गिलहरी का उपयोग कर @ फॉन्ट-फेस जनरेटर चलता है; मैं ऐसा करने में सक्षम नहीं हूं हालांकि वेब फ़ॉन्ट फाइलों का उपयोग मैं कर रहा हूं।

वहाँ पूरी तरह से इटैलिक घोषणाओं को हटाए बिना इस समस्या के समाधान के लिए एक रास्ता है?

अद्यतन: आगे की जांच के बाद, ऐसा लगता है कि यह समस्या आईई 8 को भी प्रभावित करती है, न केवल संगतता मोड में।

+0

आप अपने HTML उपयोग किया जा रहा है कि नहीं प्रदान की थी बचाया है | अगर मैं कुछ इस तरह भर में आया था। अद्वितीय '@ font-face' परिवार के नामों का उपयोग करने का प्रयास करें। उदाहरण: 'डिननोर्मल, डिनबॉल्ड, डायनाटलिक, डिबबोल्ड इटैलिक'। इस में सीएसएस और एचटीएमएल उदाहरण देखें [** SO उत्तर **] (http://stackoverflow.com/a/10273361/11958 9 1)। यदि अद्वितीय नाम बनाने से आपकी समस्या हल हो जाती है, तो मैं उत्तर दूंगा। चीयर्स! – arttronics

+0

@arttronics धन्यवाद, पता चला है अद्वितीय फ़ॉन्ट परिवार के नाम की समस्या को हल खत्म किया था। यदि आप एक उत्तर लिखते हैं तो मैं आगे बढ़ूंगा और इसे स्वीकार करूंगा। –

+0

एडम शार्प, खुशी है कि आपके लिए काम करता है ... मैंने एक उत्तर पोस्ट किया है। चीयर्स! – arttronics

उत्तर

8

आपके प्रत्येक @font-facefont-family नामों के लिए, इसके बजाय एक कस्टम नाम बनाएं।

उदाहरण:

li { 
    font: 18px/27px 'DINnormal', Arial, sans-serif; 
} 
4

हैं, मेरे जैसे, आप इस प्रश्न में आए, जबकि एक समान समस्या का सामना:

@font-face { 
    font-family: 'DINnormal'; 
    src: url('fonts/DINWeb.eot'); 
    src: url('fonts/DINWeb.eot?#iefix') format('embedded-opentype'), 
     url('fonts/DINWeb.woff') format('woff'); 
    font-weight: normal; 
    font-style: normal; 
} 
@font-face { 
    font-family: 'DINbold'; 
    src: url('fonts/DINWeb-Bold.eot'); 
    src: url('fonts/DINWeb-Bold.eot?#iefix') format('embedded-opentype'), 
     url('fonts/DINWeb-Bold.woff') format('woff'); 
    font-weight: bold; 
    font-style: normal; 
} 
@font-face { 
    font-family: 'DINitalic'; 
    src: url('fonts/DINWeb-Ita.eot'); 
    src: url('fonts/DINWeb-Ita.eot?#iefix') format('embedded-opentype'), 
     url('fonts/DINWeb-Ita.woff') format('woff'); 
    font-weight: normal; 
    font-style: italic; 
} 
@font-face { 
    font-family: 'DINboldItalic'; 
    src: url('fonts/DINWeb-BoldIta.eot'); 
    src: url('fonts/DINWeb-BoldIta.eot?#iefix') format('embedded-opentype'), 
     url('fonts/DINWeb-BoldIta.woff') format('woff'); 
    font-weight: bold; 
    font-style: italic; 
} 

बाद उन सीएसएस नियम परिभाषित कर रहे हैं, तो आप विशिष्ट CSS नियम शामिल कर सकते हैं बहुत बढ़िया फोंट का उपयोग कर, this entry from the TypeKit blog बताते हैं कि कैसे आप इसे संबोधित करने के लिए एक बहुत बढ़िया फ़ॉन्ट के प्रत्येक वजन & शैली के लिए अद्वितीय font-family नाम मजबूर कर सकते हैं।

+0

मैं इसे दूसरा कर सकता हूं। मैं इस टिप्पणी में आया और इससे मुझे टाइपकिट का उपयोग करते समय उन मुद्दों को ठीक करने में मदद मिली। धन्यवाद दोस्त। – Doidgey

1

मुझे एक समान समस्या थी, आईई 8 (एम्यूलेटर) का उपयोग करते समय इटालिक में वेब फ़ॉन्ट दिखा रहा था, खुदाई और खुदाई के बाद मैं एक लेख में आया था जो सुझाव देता है कि एमुलेटर कभी-कभी भ्रामक हो सकता है, खासकर जब वेबफोंट की बात आती है, और यह क्या होता है सुझाव दिया गया है कि वास्तविक आईई 8 में साइट की कोशिश कर रहा था, क्योंकि मैं विंडोज 7 मशीन का उपयोग कर रहा हूं, मैं असली चीज़ डाउनलोड करने में सक्षम नहीं था इसलिए मैंने इस साइट का इस्तेमाल http://www.browserstack.com/ (कोई परीक्षक या नकली ब्राउज़र नहीं किया। इंटरनेट एक्सप्लोरर 6 सहित वास्तविक ब्राउज़रों में परीक्षण , 7, 8, 9, 10 और 11)

और मैं देखा मेरे फ़ॉन्ट अब और इटैलिक नहीं था: डी

यहाँ लेख मैं पढ़,

के लिए लिंक है

http://blog.typekit.com/2013/03/14/the-dangers-of-cross-browser-testing-with-ie9s-browser-modes/

आशा इस तुम लोगों में मदद करता है, शोध करते समय यह वास्तव में मुझे कुछ ही घंटों

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