2011-03-29 17 views
7

के साथ 8 समस्या मैं कस्टम Google फोंट का उपयोग करके site पर काम कर रहा हूं, लेकिन यानी 8 काम नहीं कर रहा है या केवल आंशिक रूप से (बाएं सामग्री अच्छी है, और सही सामग्री, AJAX, इतना अच्छा नहीं) कोई सुझाव या विचार इतना अच्छा क्यों नहीं है?यानी कस्टम Google फ़ॉन्ट

धन्यवाद।

enter image description here

+0

मैं अपने जवाब को अपडेट किया है, मैं compability बारे में भूल गया ... – Littlemad

उत्तर

13

मैं बस अपना IE9 के IE8 में संगतता मोड में अपनी वेबसाइट को देखा, और मैं किसी भी फ़ॉन्ट समस्याओं दिखाई नहीं देता। मैं खिड़की 7 चलाता हूं, सीएनए कृपया अपनी समस्याओं की एक तस्वीर पोस्ट करें?

enter image description here

अद्यतन: मैं एक महत्वपूर्ण बात ... compability के बारे में जाँच करने के लिए भूल गया था। आईई 7 और आईई 8 में फ़ॉन्ट-चेहरे के साथ केवल "आंशिक" स्थिरता है।

मुद्दा आप एक कोड इस के समान उपयोग करने के लिए हल करने के लिए, और परिवर्तित फोंट

@font-face { 
font-family: 'MyFontFamily'; 
src: url('myfont-webfont.eot?') format('eot'), 
    url('myfont-webfont.woff') format('woff'), 
    url('myfont-webfont.ttf') format('truetype'), 
    url('myfont-webfont.svg#svgFontName') format('svg'); 
} 

गूगल उपयोग कर रहा है केवल WOFF, तो आप पूर्ण के लिए भी EOT, trutype और svg लोड करने के लिए है, जबकि crossbrowser compability।

आप आसानी सेFont Squirrel पर फोंट में बदल सकते हैं, इस मामले पर से http://themes.googleusercontent.com/font?kit=tMrhQDUBAHnnGuM33-yobPesZW2xOQ-xsNqO47m55DA

फॉन्ट डाउनलोड अधिक जानकारी के लिए: http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax

+0

IE9 में यह ठीक काम कर रहा है, तो आप आईई 8 का उपयोग करें, आईई 8 संगत के साथ आईई 9 नहीं, काम नहीं कर रहा है और मुझे नहीं पता क्यों। –

+0

मैं फिलहाल आईई 8 मूल पर परीक्षण नहीं कर सकता, लेकिन मुझे लगता है कि मैंने अपने अपडेट उत्तर – Littlemad

+2

@Littlemad के साथ इस मुद्दे को हल किया: +1 उत्कृष्ट फ़ॉन्ट्स fontspring.com एक लिंक। –

0

IE9 और IE7 संगतता मोड में IE9 का उपयोग कर यह ठीक पता चलता है; आईई 8 और आईई 7 संगतता मोड में आईई 8 का उपयोग करके यह बहुत बुरा लगता है इसलिए मुझे यह निष्कर्ष निकालना होगा कि यह आईई 8 में कुछ अस्पष्ट बग है।

मुझे नहीं लगता कि आप इसे हल करने के लिए इतना कुछ कर सकते हैं, मैं केवल आईई 8 और आईई 7 को संबोधित करने के लिए सशर्त टिप्पणियों का उपयोग करता हूं और उस अनुभाग के लिए verdana का उपयोग करता हूं। और आशा है कि वे जल्द ही दूर जाना ...

0
IE10 के लिए और नीचे और अन्य सभी ब्राउज़रों के लिए

का उपयोग

@font-face { 
    font-family: 'MyFontFamily'; 
    src: url('myfont-webfont.eot?'); 
    src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), 
     url('myfont-webfont.woff') format('woff'), 
     url('myfont-webfont.ttf') format('truetype'), 
     url('myfont-webfont.svg#svgFontName') format('svg'); 
} 
संबंधित मुद्दे