Google वेब फ़ॉन्ट्स स्थानीय रूप से बनाम ऑनलाइन स्रोत

Question

संग्रहीत करते हैं जब मैं अपनी सीएसएस फ़ाइल में @import नियम का उपयोग करके Google वेब फोंट जोड़ता हूं, तो यह ठीक काम करता है।

लेकिन जब मैं उस फ़ॉन्ट को डाउनलोड करता हूं और इसे अपने सर्वर में स्थानीय रूप से संग्रहीत करता हूं और फिर @ font-face नियम को अपनी मशीन पर निर्देशित करता हूं, तो यह काम नहीं करता है।

@import url(http://fonts.googleapis.com/css?family=Michroma); 

इस के साथ

:

मैं तो क्या किया मेरी सीएसएस/fonts.css फ़ाइल में, इस लाइन को बदलने के लिए था

@font-face { 
font-family: 'Michroma'; 
font-style: normal; 
font-weight: 400; 
src: url(http://localhost/xampp/mysite/css/fonts/michroma/micrhoma.woff) format('woff'); 
} 

दूसरे शब्दों में, मैं तो बस से कोड कॉपी उस फ़ॉन्ट के लिए googleapi। और मैंने उपरोक्त पथ में फ़ॉन्ट फ़ाइल (.woff) को सहेजा (मैंने पुनः जांच की है, यह वास्तव में है)।

मैं संपादन यह करने के लिए यूआरएल के साथ-साथ करने की कोशिश की, लेकिन कोई अच्छा:

src: url(fonts/michroma/michroma.woff) format('woff'); 

मैं वहाँ किसी भी कारण है कि गूगल वेब फोंट अगर हम उन्हें स्थानीय स्तर पर इस्तेमाल किया काम नहीं करेंगे विश्वास नहीं कर सकता, इसलिए चाहिए मैं जो कर रहा हूं उसके साथ कुछ गलत है। सुराग? क्या यह नहीं है कि हम अपने स्वयं के फ़ॉन्ट चेहरे को कैसे परिभाषित करते हैं? (मैंने पहले कभी कोशिश नहीं की है)।

Answer 1

एकल फ़ॉन्ट में फ़ॉन्ट परिवार के नाम के उद्धरण की आवश्यकता नहीं है। आपको हटाने और चलाने के लिए यह ठीक काम करेगा। फ़ॉन्ट-फ़ैमिली: मिच्रोमा;

Answer 2

जैसा कि टिप्पणियों में इंगित किया गया है, समस्या का कारण यूआरएल में फ़ॉन्ट नाम की गलत वर्तनी थी।

यह स्थानीय रूप से Google फोंट का उपयोग करने का एक तरीका है। फोंट/मिच्रोमा/मिच्रोमा.वॉफ़ जैसे सापेक्ष यूआरएल का उपयोग करने का उचित तरीका है और नहीं http: स्थानीयहोस्ट के साथ यूआरएल (उन्हें आपके कंप्यूटर पर एक HTTP सर्वर चलाने की आवश्यकता होगी)।

हालांकि, यह उन ब्राउज़रों पर काम नहीं करेगा जो डब्ल्यूओएफएफ प्रारूप (इस मामले में) का समर्थन नहीं करते हैं। आम तौर पर, दूरस्थ रूप से होस्ट किए गए Google फ़ॉन्ट्स का उपयोग करना बेहतर होता है, क्योंकि वे जानते हैं कि विभिन्न ब्राउज़रों के लिए विभिन्न फ़ॉन्ट प्रारूपों को कैसे सेवा दी जाए। सी एफ Should I locally store CSS generated by the Google Web Fonts API?