Google वेबफॉन्ट स्थानीय फ़ॉन्ट के साथ संघर्ष

Question

मेरे पास Google-webfonts का उपयोग करने में वास्तव में एक बुरा संघर्ष है।

यह सिर में है: यहाँ ठीक कोड है

<link href='http://fonts.googleapis.com/css?family=Oswald:700' rel='stylesheet' type='text/css'> 

और यह सीएसएस फ़ाइल में है:

body { 
font-family: 'Oswald', sans-serif; 
font-weight: 700; } 

"ओसवाल्ड" का एक font-family है 3 फोंट:

• पुस्तक (300)
• सामान्य (400)
• बोल्ड (700)

आप देख सकते हैं .. मैं केवल बोल्ड वाली चेहरा (700) को लोड किया है। (आप क्वेरी में देख सकते हैं) और यह यहाँ तक काम करता है लेकिन ...

समस्या है:

मैं 3 फोंट (300,400,700) अपने कंप्यूटर पर स्थापित की एक डेस्कटॉप संस्करण है और जब तक ये फोंट सक्रिय हैं ... ब्राउज़र मुझे मेरे एचटीएमएल दस्तावेज़ में गलत फ़ॉन्ट-वेट (400) दिखाता है।

ठीक है। समस्या यह है कि मेरे सीएसएस 'ओस्वाल्ड' में स्थानीयफॉन्ट लेता है न कि वेबफॉन्ट। लेकिन स्थानीय फ़ॉन्ट "ओस्वाल्ड" "ओस्वाल्ड सामान्य" है। मुझे नहीं पता कि Google इसे 'ओस्वाल्ड बोल्ड' के बजाय 'ओस्वाल्ड' क्यों कह रहा है। इसलिए मुझे नहीं पता कि इस समस्या को कैसे ठीक किया जाए।

मैं नहीं चाहता कि सीएसएस स्थानीय फ़ॉन्ट पर इंगित करे .. मैं चाहता हूं कि यह हमेशा वेबफॉन्ट दिखाए ... सही फ़ॉन्ट-वज़न के कारण!

क्या आपके पास कोई विचार है? कृपया?

वेबफॉन्ट-कॉल का नाम बदलना संभव है?

Answer 1

आप Google से स्वचालित रूप से जेनरेट किए गए एक को लोड करने की बजाय अपनी आवश्यकताओं को पूरा करने के लिए सीएसएस @font-face नियम संपादित कर सकते हैं। असल में मुद्दा यह है कि उनका नियम स्थानीय संस्करणों को पसंद करता है (src: local('Oswald Bold'), local('Oswald-Bold'), ...)। सही किया संस्करण देखने के लिए की तरह होगा:

@font-face { 
    font-family: 'WebOswald'; 
    font-style: normal; 
    font-weight: 700; 
    src: url(https://themes.googleusercontent.com/static/fonts/oswald/v5/bH7276GfdCjMjApa_dkG6T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); 
} 

बस मैन्युअल रूप से अपने सीएसएस करने के लिए है कि जोड़ सकते हैं और font-family: 'WebOswald'; का उपयोग करके ऐसी फ़ॉन्ट का गूगल के वेब संस्करण का उपयोग करना चाहते हैं।

मुझे आशा है कि इससे मदद मिलेगी!