2013-08-29 5 views
6

मैं एक प्रोजेक्ट में तीन Google फोंट का उपयोग कर रहा हूं, जहां पहले दो शीर्षलेख और नियमित पाठ के लिए हैं, और तीसरा मेनू के लिए है। तो, मेनू में, मैं केवल अक्षरों का एक सेट, सभी अपरकेस का उपयोग करता हूं। जब मैं गूगल फोंट आयात "सीएसएस" मैं तीसरे फ़ॉन्ट का आकार 85% तक, कम कर सकते हैं अगर मैं केवल अक्षर मैं जरूरत फोन "पाठ" URL में चर का उपयोग कर:Google फोंट कॉल में "टेक्स्ट" वैरिएबल का चुनिंदा उपयोग

@import url(http://fonts.googleapis.com/css?family=Happy+Monkey&text=HOMECONTACT); 

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

@import url(http://fonts.googleapis.com/css?family=Happy+Monkey&text=HOMECONTACT); 
@import url(http://fonts.googleapis.com/css?Marcellus+SC|Open+Sans+Condensed:300); 

अब, मैं क्या करना चाहते हैं क्या, एक कॉल में सभी फ़ॉन्ट को पुनः प्राप्त करने के लिए है, लेकिन केवल एक एक विशिष्ट फ़ॉन्ट के लिए अक्षर का सेट। दूसरे शब्दों में, पिछली कॉल को एक में गठबंधन करें। Google फोंट एपीआई पढ़ना, मुझे लगता है कि यह संभव नहीं है, लेकिन फिर भी, मैं पूछ रहा हूं कि कोई इसके लिए समाधान के बारे में जानता है या नहीं।

अग्रिम धन्यवाद!

उत्तर

2

अभी तक ऐसा करने का कोई तरीका नहीं है। शायद क्योंकि अनुकूलित फ़ॉन्ट अनुरोध अभी भी बीटा में हैं।

मुझे सलाह है कि @import के साथ अंदर के सीएसएस का उपयोग करने के बजाय <head> में अनुरोधों का उपयोग करना है। एक पेज स्पीड स्टैंडपॉइंट से, @ सीएसएस फ़ाइल से आयात करना लगभग कभी नहीं किया जाना चाहिए, क्योंकि यह स्टाइलशीट को एक साथ डाउनलोड होने से रोक सकता है। यदि मुख्य HTML पृष्ठ में दोनों स्टाइलशीट <link> तत्वों में संदर्भित हैं, तो दोनों एक ही समय में डाउनलोड किए जा सकते हैं।

<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Happy+Monkey&text=HOMECONTACT"> 
<link rel="stylesheet" href="//fonts.googleapis.com/css?Marcellus+SC|Open+Sans+Condensed:300"> 

यहां तक ​​कि एक और अनुरोध के साथ, पेज तेजी से @import साथ की तुलना में लोड होगा।

0

हालांकि हम वर्तमान में कई अनुरोधों तक सीमित हैं, एक सेवा कर्मचारी दोनों प्रतिक्रियाओं को कैश कर सकता है ताकि वे तत्काल पृष्ठ लोड पर तुरंत हल हो जाएं।

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