2013-01-10 15 views
5

यहां नमूने सीएसएसयह संभव के लिए एक गूगल फ़ॉन्ट कस्टम नाम निर्दिष्ट करने के लिए है?

h1 { 
    font-family: 'header-font', arial, sans-serif; 
} 

p { 
    font-family: 'paragraph-font', arial, serif; 
} 

है यह किसी भी दूरस्थ गूगल फ़ॉन्ट लोड करने के लिए इतना है कि यह सीएसएस में परिवार का नाम 'शीर्षक-फॉन्ट' होगा है (कहते हैं 'Lato' है) संभव है?

संपादित करें: इसके पीछे विचार आसानी से एक WP विषय में फोंट स्वैप करने के लिए सक्षम होने के लिए है। दुर्भाग्यवश सीएसएस प्रीप्रोसेसरों में चर का उपयोग करना मेरे मामले में एक विकल्प नहीं है।

+1

आप ऐसा क्यों करना चाहते हैं? यदि उपयोगकर्ता के पास आपके कस्टम फ़ॉन्ट नाम से मेल खाने वाला कोई स्थानीय फ़ॉन्ट होता है तो क्या इससे समस्याएं उत्पन्न नहीं होंगी? – drmonkeyninja

+0

[Google फोंट का संभावित डुप्लिकेट: सीएसएस में कस्टम नाम परिभाषित करें] (http://stackoverflow.com/questions/28172964/google-fonts-define-custom-name-in-css) – Gajus

उत्तर

-1

जब आप @ फॉन्ट-फेस शैली घोषणा में फ़ॉन्ट परिवार को परिभाषित करने और बाद में इसे संदर्भ के लिए स्टाइलशीट में उस नाम का उपयोग हाँ, आप कोई भी नाम दे सकते हैं।

@font-face 
{ 
    font-family: whateverYouWant; 
    src: url('example.ttf'), 
     url('example.eot'); 
     ... /* and so on */ 
} 

जो भी आप फ़ॉन्ट-पारिवारिक संपत्ति के रूप में शैली का नाम देते हैं, यह है कि इसे शेष दस्तावेज़ से कैसे संदर्भित किया जाएगा। हालांकि मैं नहीं जानता कि यह कैसे स्थानीय फ़ॉन्ट फ़ाइलों के साथ प्रतिस्पर्धा (इसलिए यदि आप एक कस्टम फ़ॉन्ट एरियल नाम करने की कोशिश की मुझे यकीन है कि आप प्राप्त करेंगे नहीं कर रहा हूँ - कस्टम फ़ॉन्ट या असली एरियल)। मुझे नहीं पता कि आप वैसे भी ऐसा क्यों करेंगे।

+3

यह केवल तभी काम करेगा जब आप स्थानीय रूप से हों फ़ॉन्ट भंडारण। गूगल फ़ॉन्ट का एक पूर्वनिर्धारित नाम है। – azzy81

+1

नहीं, यह काम करेगा। बस सावधान रहें कि आप 'फ़ॉन्ट-फ़ैमिली' नाम अद्वितीय होने की गारंटी देते हैं, शायद वेबसाइट पहचानकर्ता के साथ 'फ़ॉन्ट-फ़ैमिली:' abcweb-header-font; ''। http://codepen.io/anon/pen/hAvcp – Jen

+1

तो जहाँ गूगल फ़ॉन्ट एकीकरण है? – Richard

2

मुझे नहीं लगता कि आप ईमानदार बन सकते हैं। जब आप Google फ़ॉन्ट देखते हैं तो Google फ़ॉन्ट का पूर्वनिर्धारित नाम होता है। उदाहरण के लिए इस देखें: http://fonts.googleapis.com/css?family=Akronim

इसका नाम 'Akronim' के रूप में सेट किया गया है और मुझे लगता है कि आप किसी भी अन्य नाम से संदर्भित कर सकते हैं नहीं है।

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

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