यदि आप इस फ़िक्स को लागू करना चाहते हैं तो आपको फोंट को होस्ट करना होगा।
आपका Google फ़ॉन्ट्स लिंक स्टाइलशीट का अनुरोध है, जो आपके द्वारा प्रदान किए जाने वाले पैरामीटर के आधार पर गतिशील रूप से बनाया जाता है - और ब्राउज़र पहचान पर। अपने उदाहरण लिंक के लिए:
<link href='http://fonts.googleapis.com/css?family=Asap:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
आप वास्तव में अनुरोध करते हैं तो अपने आप को curl का उपयोग कर:
@font-face {
font-family: 'Asap';
font-style: normal;
font-weight: 400;
src: local('Asap'), local('Asap-Regular'), url(http://themes.googleusercontent.com/static/fonts/asap/v1/-KZsao_xwBpcExaHoPH8_w.ttf) format('truetype');
}
@font-face {
font-family: 'Asap';
font-style: normal;
font-weight: 700;
src: local('Asap Bold'), local('Asap-Bold'), url(http://themes.googleusercontent.com/static/fonts/asap/v1/5DVGWnz9Skaq1amwwwGZEw.ttf) format('truetype');
}
@font-face {
font-family: 'Asap';
font-style: italic;
font-weight: 400;
src: local('Asap Italic'), local('Asap-Italic'), url(http://themes.googleusercontent.com/static/fonts/asap/v1/8YIp-EIJXA6NJdTPxy9qiQ.ttf) format('truetype');
}
@font-face {
font-family: 'Asap';
font-style: italic;
font-weight: 700;
src: local('Asap Bold Italic'), local('Asap-BoldItalic'), url(http://themes.googleusercontent.com/static/fonts/asap/v1/_sVKdO-TLWvaH-ptGimJBaCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
}
सरल करने के लिए बात करने के लिए है:
$ curl http://fonts.googleapis.com/css?family=Asap:400,700,400italic,700italic
यह क्या वापस भेज दिया जाता है Google वेब फ़ॉन्ट्स पर वापस जाएं, here पर जाकर और डाउनलोड तीर पर जाकर प्रश्न में फ़ॉन्ट डाउनलोड करें।
तो फिर तुम suggested fix from here उपयोग कर सकते हैं, फ़ॉन्ट फ़ाइलें आप डाउनलोड की संदर्भित:
@font-face {
font-family: ‘MyWebFont’;
src: url(‘webfont.eot’);
src: url(‘webfont.eot?#iefix’) format(‘embedded-opentype’),
url(‘webfont.svg#svgFontName’) format(‘svg’),
url(‘webfont.woff’) format(‘woff’),
url(‘webfont.ttf’) format(‘truetype’);
}
आपके उत्तर के लिए बहुत बहुत धन्यवाद! मैं अब कुछ समय से इसके साथ झुका रहा हूं, और "लगभग" इसे काम करने के लिए मिला है। समस्या यह है कि, नई स्वयं-होस्ट की गई फ़ॉन्ट विधि के साथ, सभी ब्राउज़र मूल Google स्टाइलशीट अनुरोध लिंक से भिन्न रूप से फ़ॉन्ट प्रस्तुत करना प्रतीत होता है। फ़ायरफ़ॉक्स और आईई इसे थोड़ा बड़ा और अधिक वसा/बोल्ड प्रस्तुत करता है, और क्रोम इसे थोड़ा बेहतर प्रस्तुत करता है, लेकिन यह भी सही नहीं है। कृपया नीचे दी गई उदाहरण छवि देखें। ! Http: //www.gadaffi.dk/example.jpg कोई विचार? :/ – Farsen
जैसा कि मैंने उल्लेख किया है, Google वेबफोंट ब्राउज़र का पता लगाने के लिए उपयोग करता है - इसलिए यह अनुरोध करने वाले उपयोगकर्ता के ब्राउज़र के अनुरूप कुछ अलग वापस भेज देगा। इसका कोई सही समाधान नहीं है। मेरी सलाह आम तौर पर पिक्सेल सही मिलान करने वाले क्रॉस-ब्राउजर के लिए लक्षित करना बंद करना होगा - इसे इस तरह से काम नहीं करना चाहिए। –
ऐसा लगता है कि यह एक विंडोज/क्रोम मुद्दा है क्योंकि वे या तो ब्राउज़र के साथ डायरेक्टवाइट मुद्दे को ठीक कर सकते हैं, या जैसा ऊपर बताया गया है, फ़ॉन्ट्स google apis पर svg ऑर्डर को ठीक करें। किसी भी तरह से, मेरा लगता है जैसे यह विंडोज 8 + क्रोम पर लकड़ी के टुकड़े के माध्यम से पारित किया गया। – Mark