लाइसेंस को ध्यान में रखते हुए जैसे:
मैं इसे स्थापित करने के लिए उपयोगकर्ता बनाने के बिना किसी भी वेबसाइट पर Ubuntu फ़ॉन्ट परिवार का उपयोग कैसे कर सकता हूं?
उपकरण के साथ इसका उपयोग करने का कोई भी मौका जैसे: http://code.google.com/intl/en-US/apis/webfonts/
जवाबों:
2 तरीके हैं जिनकी मदद से आप अपनी वेबसाइट में उबंटू फ़ॉन्ट को एम्बेड कर सकते हैं - Google फ़ॉन्ट निर्देशिका (पसंदीदा) का उपयोग करके या @font-faceसीएसएस घोषणा का उपयोग करके और अपने फोंट को मैन्युअल रूप से परिवर्तित करने के लिए।
अब आप Google वेब फ़ॉन्ट के रूप में उबंटू फ़ॉन्ट का उपयोग कर सकते हैं। इससे प्रक्रिया काफी सरल हो जाएगी। उत्तर के इस भाग की अधिकांश सामग्री स्लैडेन के उत्तर से आती है ।
Google फ़ॉन्ट API का उपयोग पसंदीदा तरीका क्यों है?
Google फ़ॉन्ट API का उपयोग करना एक उत्कृष्ट सुझाव है क्योंकि यह विवरणों की चिंता किए बिना सभी आधुनिक ब्राउज़रों पर स्वचालित रूप से काम करने की अनुमति देता है। फ़ॉन्ट एपीआई का उपयोग करने का मतलब है कि आगंतुक हमेशा टाइपफेस का नवीनतम संस्करण स्वचालित रूप से देखेंगे ।
मैं Google फ़ॉन्ट API का उपयोग कैसे कर सकता हूं?
२१ दिसंबर २०१० से उबंटू फ़ॉन्ट परिवार अब Google फ़ॉन्ट एपीआई से शामिल और तैनात है, इस पर जाएँ:
आप समाचार के बारे में Google वेब फ़ॉन्ट पोस्टिंग पढ़ सकते हैं , और फिर:
रेगुलर, इटैलिक, बोल्ड और बोल्ड-इट्स से बाहर के वज़न और शैलियों के संयोजन को टिक करें जिन्हें आपको अपने वेब पेज के लिए चाहिए।
यदि डिफ़ॉल्ट गलत है, तो उस भाषा / स्क्रिप्ट संयोजन का चयन करें जिसकी आपको आवश्यकता है: अंग्रेजी उदाहरणों के साथ एक रूसी वेबसाइट "सिरिलिक, लैटिन" का उपयोग कर सकती है।
दिए गए जोड़े <link>के बीच टैग <head> ... </head>अपने HTML पृष्ठ या टेम्पलेट में और बीच में उचित सीएसएस कोड जोड़ <style> ... </style>अपने में टैग <head>।
उदाहरण के लिए, यदि आप रूसी / अंग्रेजी हाइब्रिड वेबसाइट बना रहे थे और फ़ॉन्ट को सभी पाठ के लिए डिफ़ॉल्ट के रूप में उपयोग करना चाहते थे, तो आप अपने <head>टैग के बीच निम्न कोड जोड़ सकते हैं :
<link href='http://fonts.googleapis.com/css?family=Ubuntu&subset=cyrillic,latin' rel='stylesheet' type='text/css' />
<style type="text/css" >
body {
font-family : 'Ubuntu', sans-serif;
}
</style>
नोट :
"लैटिन" वह लिपि है जिसमें अंग्रेजी और कई अन्य यूरोपीय और अफ्रीकी भाषाएं लिखी जाती हैं।
"सबसेटिंग" केवल कुछ भाषाओं के लिए वर्ण भेजकर फ़ॉन्ट फ़ाइलों का अनुकूलन करता है, फ़ॉन्ट लगभग 44 kB होते हैं। फिलहाल दिखाया गया 168 kB का आंकड़ा सभी 1,200+ ग्लिफ़ के लिए एक वेब फॉन्ट डाउनलोड के रूप में है - और एक वेबसाइट के लिए इसकी सबसे अधिक आवश्यकता नहीं है।
उबंटू फ़ॉन्ट फाइलें स्वचालित रूप से विभिन्न ब्राउज़रों के लिए सही प्रारूप में परिवर्तित हो जाती हैं; मेकअप और संस्करण के आधार पर आवश्यक प्रारूप है WOFF, EOT, SVGया TTF। CSS का सही संयोजन प्रत्येक पृष्ठ अनुरोध के लिए विशिष्ट है और जादुई रूप से इस कठिन समस्या को हल करता है।
आप Ubuntu फोंट को WOFF फोंट में परिवर्तित करके एम्बेड कर सकते हैं । फिर आप उन्हें CSS @ font-face घोषणा का उपयोग करके एम्बेड कर सकते हैं। फोंट (.ttf फाइलें) में पाया जा सकता है /usr/share/fonts/truetype/ubuntu-font-family।
उदाहरण के लिए, Ubuntu नियमित फ़ॉन्ट का उपयोग करने के लिए, WOFF फ़ाइल में परिवर्तित, Ubuntu-R.woff, इस CSS कोड का उपयोग करें:
@font-face
{
font-family : "Ubuntu-R";
src: url('Ubuntu-R.woff');
}
इसी तरह उबंटू बोल्ड के लिए:
@font-face
{
font-family : "Ubuntu";
src: url('Ubuntu-B.woff');
font-weight : bold;
}
उबंटू इटैलिक:
@font-face
{
font-family : "Ubuntu";
src: url('Ubuntu-I.woff');
font-style : italic;
}
उबंटू बोल्ड इटैलिक:
@font-face
{
font-family : "Ubuntu";
src: url('Ubuntu-BI.woff');
font-weight : bold;
font-style : italic;
}
यह हाल के सभी ब्राउज़रों द्वारा समर्थित है ।
कृपया याद रखें कि कुछ उपयोगकर्ता अपने ब्राउज़र को फोंट के विशिष्ट सेट का उपयोग करने के लिए सेट करते हैं और कस्टम फोंट का उपयोग करने पर नाराज हो सकते हैं। इसके अलावा, सटीक फ़ॉन्ट के लिए उबंटू फ़ॉन्ट लाइसेंस पढ़ें कि फ़ॉन्ट कैसे वितरित किया जा सकता है।
Google फ़ॉन्ट API का उपयोग करना एक उत्कृष्ट सुझाव है क्योंकि यह विवरणों की चिंता किए बिना सभी आधुनिक ब्राउज़रों पर स्वचालित रूप से काम करने की अनुमति देता है। फ़ॉन्ट एपीआई का उपयोग करने का मतलब है कि आगंतुक हमेशा टाइपफेस का नवीनतम संस्करण स्वचालित रूप से देखेंगे ।
२१ दिसंबर २०१० से उबंटू फ़ॉन्ट परिवार अब Google फ़ॉन्ट एपीआई से शामिल और तैनात है, इस पर जाएँ:
आप समाचार के बारे में Google वेब फ़ॉन्ट पोस्टिंग पढ़ सकते हैं , और फिर:
<head> ... </head>और <style>...</style>अपने HTML पृष्ठ या टेम्पलेट्स के वर्गों।टिप्पणियाँ:
"लैटिन" वह लिपि है जिसमें अंग्रेजी और कई अन्य यूरोपीय और अफ्रीकी भाषाएं लिखी जाती हैं।
"सबसेटिंग" केवल कुछ भाषाओं के लिए वर्ण भेजकर फ़ॉन्ट फ़ाइलों का अनुकूलन करता है, फ़ॉन्ट लगभग 44 kB होते हैं। फिलहाल दिखाया गया 168 kB का आंकड़ा सभी 1,200+ ग्लिफ़ के लिए एक वेब फॉन्ट डाउनलोड के रूप में है - और एक वेबसाइट के लिए इसकी सबसे अधिक आवश्यकता नहीं है।
उबंटू फ़ॉन्ट फाइलें स्वचालित रूप से विभिन्न ब्राउज़रों के लिए सही प्रारूप में परिवर्तित हो जाती हैं; मेकअप और संस्करण के आधार पर आवश्यक प्रारूप है WOFF, EOT, SVGया TTF। CSS का सही संयोजन प्रत्येक पृष्ठ अनुरोध के लिए विशिष्ट है और जादुई रूप से इस कठिन समस्या को हल करता है।
सर्वर-साइड फॉन्ट रेंडरिंग (शायद बेहतर "डायनेमिक फॉन्ट रेंडरिंग") काफी लंबे समय से एक दिलचस्प मुद्दा रहा है।
तकनीकी रूप से, यह तर्कसंगत लगता है कि मशीन के लिए एक विशिष्ट फ़ॉन्ट प्रदर्शित करने के लिए, इसे पहले से ही स्थानीय रूप से स्थापित किया जाना चाहिए।
दूसरी ओर, बेसिक / जाने-माने 'वेब फोंट' से चिपके रहने से वेब डिज़ाइन बहुत कुछ खो देता है।
CSS2.1 ने @ फॉन्ट-फेस नियम घोषणा का उपयोग करके कुछ सुधार किए हैं ।
यह अभी तक एक मानक नहीं बन पाया है, लेकिन यह अंततः CSS3 के साथ होगा।
इसके अलावा, कुछ वैकल्पिक तरीके भी हैं, जैसे:
मुझे उम्मीद है कि प्रदान किए गए लिंक आपको एक बेहतर विचार देंगे कि क्या किया जा सकता है ;-)