@ फ़ॉन्ट-फेस क्रैश आईई 8

मैंने अपनी साइट पर @ फ़ॉन्ट-चेहरे (fontsquirrel.com द्वारा उत्पन्न) के माध्यम से फ़ॉन्ट्स एलर रेग्युलर और एलर बोल्ड स्थापित किया है।@ फ़ॉन्ट-फेस क्रैश आईई 8

@font-face { 
    font-family: 'AllerRegular'; 
    src: url('library/fonts/aller_rg-webfont.eot'); 
    src: url('library/fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'), 
     url('library/fonts/aller_rg-webfont.woff') format('woff'), 
     url('library/fonts/aller_rg-webfont.ttf') format('truetype'), 
     url('library/fonts/aller_rg-webfont.svg#AllerRegular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

} 

@font-face { 
    font-family: 'AllerBold'; 
    src: url('aller_bd-webfont.eot'); 
    src: url('library/fonts/aller_bd-webfont.eot?#iefix') format('embedded-opentype'), 
     url('library/fonts/aller_bd-webfont.woff') format('woff'), 
     url('library/fonts/aller_bd-webfont.ttf') format('truetype'), 
     url('library/fonts/aller_bd-webfont.svg#AllerBold') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

}

यह जब मैं फ़ायरफ़ॉक्स में फोंट की ईथर का उपयोग ठीक काम कर रहा है, लेकिन जब मैं IE8 का उपयोग वेबपेज को फिर से खोलने के लिए प्रयास दुर्घटनाओं और फिर दुर्घटनाओं:

यहाँ सीएसएस है। एक लाइव उदाहरण http://rcnhca.org.uk/sites/first_steps/

पर कोई भी पाया जा सकता है क्या किसी को पता है कि इस पागलपन का कारण क्या है?

स्रोत

2012-04-24 George Reith

आईई 8 डबल कोट्स पसंद करते हैं। मेरे लिए पहले लोड पर यह निश्चित अनस्टाइल टेक्स्ट, आपके लिए क्रैश को ठीक कर सकता है। @font-face not embedding in IE8 and under

स्रोत

2012-05-24 22:46:47

मैं एक ही समस्या थी कुछ समय पहले, और कुछ डिबगिंग के बाद मैंने पाया कि दुर्घटना @font-face (जो मेरे मामले में शामिल किया गया था की वजह से था: पुरुष यहाँ है, जो मेरी समस्या हल करने के लिए

कुडोस fonts.css नामक एक अलग स्टाइलशीट के रूप में) <head> के अंदर प्रस्तुत किया गया था। आईई 8 में इससे कोई समस्या है, लेकिन जब मैं प्रतिपादन को <body> के अंदर ले जाता हूं तो ठीक काम करता है।

इस प्रयास करें:

<head> 
    <!--[if gt IE 8]><!--> 
    <link href="fonts.css" rel="stylesheet" type="text/css"> 
    <!--><![endif]--> 
</head> 
<body> 
    <!--[if IE 8]> 
    <link href="fonts.css" rel="stylesheet" type="text/css"> 
    <![endif]--> 
    <!-- The rest of your page here --> 
</body>

यह अपने सिर के भीतर फोंट स्टाइलशीट renders यदि ब्राउज़र IE8 से अधिक नया। यदि ब्राउज़र IE8 है, तो यह आपके शरीर के अंदर ही प्रस्तुत करता है।

नोट: यदि आप IE7 या पुराने का समर्थन कर रहे हैं तो आपको सशर्त टिप्पणियां समायोजित करनी पड़ सकती हैं।

स्रोत

2012-07-08 20:15:13 zykadelic

मैंने कस्टम फोंट के साथ विकासशील पृष्ठ जारी किया था। आईई 8 दुर्घटनाग्रस्त मैंने किसी अन्य फ़ॉन्ट-फेस घोषणाओं से पहले आईई 8 फ़ॉन्ट-चेहरे की घोषणा करके इसे ठीक किया। आईई:

<!-- Custom .eot fonts for IE8 --> 
<!-- IE8 fonts should load before other font-face declarations to avoid IE8 crash --> 
<!--[if lt IE 9]> 
    <link rel="stylesheet" href="/pub/stylesheets/fonts-ie8.css" />  
<![endif]--> 

<!-- Custom .woff fonts --> 
<link href="/pub/stylesheets/fonts.css" rel="stylesheet">

स्रोत

2014-03-18 09:06:54

@ फ़ॉन्ट-फेस क्रैश आईई 8

उत्तर

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