2012-07-19 9 views
11

जब गूगल से कस्टम फोंट लोड हो रहा है कि वे एक तरह से आप उन्हें अनुकूलित करने के लिए प्रदान करते हैं: https://developers.google.com/webfonts/docs/getting_started#Optimizing_Requestsएकाधिक गूगल वेब फ़ॉन्ट्स अनुकूलन

अर्थ अगर आप आप सिर्फ एक हैडर के लिए एक कस्टम फ़ॉन्ट का उपयोग कर रहे हैं, बल्कि पूरे फॉन्ट लोड हो रहा है की तुलना में, आप इसे बता सकते हैं कि आपको कौन से अक्षरों की आवश्यकता है ताकि पूरे फ़ॉन्ट वर्णमाला को लोड न किया जा सके। अब तक सब ठीक है।

हालांकि, उदाहरण में इसमें केवल एक फ़ॉन्ट शैली है। आप इसे दो के साथ कैसे करते हैं?

उदाहरण के लिए मैं एक फ़ॉन्ट की शैलियों को लोड करने के लिए इस का उपयोग कर रहा:

सामान्य 400 मैं पाठ का एक बहुत के लिए उपयोग करें, लेकिन 400italic केवल एक छोटे से हेडर के लिए प्रयोग किया जाता है।

अगर मैं कार्य करें:

यह पूरे 400 और बस "नमूना हैडर" 400italic के लिए लोड होगा मैं चाहता हूँ या यह कुछ और करना होगा की तरह?

उत्तर

12

यदि आप चरित्र सबसेटिंग कर रहे हैं और एकाधिक फ़ॉन्ट्स को एक सीएसएस अनुरोध में गठबंधन करने का प्रयास कर रहे हैं, तो निर्दिष्ट वर्णों को सभी फ़ॉन्ट्स के बीच सभी आवश्यक वर्णों का संघ होना आवश्यक है।

यहाँ एक नज़र डालें: http://jsbin.com/welcome/22005/edit

<link href="http://fonts.googleapis.com/css?family=Inconsolata|Skranji&text=ABCDHIJK" rel="stylesheet"> 

दो बातें ऊपर जा रहा है। हम दो फोंट (असंगत और स्क्रानजी) के लिए पूछ रहे हैं और यह निर्दिष्ट करते हैं कि दोनों फोंट अक्षर ए-के की सेवा करनी चाहिए। यदि आपको केवल एक के लिए ए-डी की आवश्यकता है, और दूसरे के लिए एच-के, तो आपको उपरोक्त दो अलग-अलग सीएसएस अनुरोधों में विभाजित करना होगा।

संबंधित मुद्दे