Google वेब फ़ॉन्ट्स के साथ एसवीजी फ़ॉन्ट को प्राथमिकता दें

Question

विंडोज़ पर Google क्रोम में फ़ॉन्ट-फेस प्रतिपादन भयानक है जब तक आप एक एसवीजी फ़ॉन्ट का उपयोग नहीं करते। हालांकि Google वेब फोंट WOFF फ़ाइलों को प्राथमिकता देते हैं।

क्या एसवीजी फोंट देने के लिए इसे मजबूर करने का कोई तरीका है या क्या मुझे अपने आप फोंट मैन्युअल रूप से होस्ट करना है?

Answer 1

आपको @import या <link> विधियों का उपयोग करने के रूप में फ़ाइलों को होस्ट करने की आवश्यकता होगी एक सीएसएस फ़ाइल का संदर्भ है जो केवल WOFF फ़ाइल (ब्राउज़र पहचान के कारण) को कॉल करता है। पूर्व। http://fonts.googleapis.com/css?family=Open+Sans:

@font-face { 
    font-family: 'Open Sans'; 
    font-style: normal; 
    font-weight: 400; 
    src: local('Open Sans'), local('OpenSans'), url('http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff'); 
} 

एक बार जब आप फ़ाइल को स्थानीय रूप मेजबानी की है तो उन्हें एसवीजी कॉल स्टैक में यह प्राथमिकता देने के लिए जा सकते हैं। http://www.fontspring.com/blog/smoother-web-font-rendering-chrome

@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'); 
}