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

टेक्स्ट दुनिया में जानकारी संप्रेषित करने का मुख्य तरीका है और परिणामस्वरूप, किसी वेबसाइट के सबसे महत्वपूर्ण घटकों में से एक है। ऐसी स्थिति में यह स्वाभाविक और तार्किक लगता है कि साइट पर मौजूद किसी भी प्राधिकारी का यह कर्तव्य है कि वह यह सुनिश्चित करे कि उसके पाठ बहुत अधिक जानकारीपूर्ण और थकाऊ न हों, बल्कि अच्छे भी दिखें। इस उद्देश्य के लिए, आधुनिक वेब डिज़ाइन और लेआउट प्रौद्योगिकियाँ उपकरणों का एक बड़ा भंडार प्रदान करती हैं। आज हम उनमें से सबसे महत्वपूर्ण के बारे में बात करेंगे - वेबसाइटों पर फ़ॉन्ट और इसके डिज़ाइन की विशेषताएं।

फ़ॉन्ट- साइट पर सिर्फ एक सजावटी तत्व नहीं है। पाठ के दृश्य के उपयोगितावादी कार्य के अलावा, वाइन एक सौंदर्यवादी और मनोवैज्ञानिक भूमिका निभाती है, जो ग्राहक के साथ बातचीत के सभी पहलुओं को प्रभावित करती है। एक बोल्ड फॉन्ट जो सौंदर्य की दृष्टि से मनभावन साइट जैसा दिखता है, पढ़ने में आसान और सुखद है, जबकि एक अस्पष्ट या खराब तरीके से चुना गया फॉन्ट पढ़ने को परीक्षण में बदल देता है और पाठक को अप्रिय भावनाओं से वंचित कर देता है। गैर-लाभकारी संगठनों की वेबसाइटों के डिज़ाइन में मूल फ़ॉन्ट समाधानों के चयन के कुछ उदाहरण:

अब, यदि साइट पर सुंदर फ़ॉन्ट का उपयोग करने का सकारात्मक प्रभाव हमारे सामने स्पष्ट हो जाता है, तो इसका कारण पोषण है। "तो आप अपनी वेबसाइट पर गैर-मानक फ़ॉन्ट का उपयोग कैसे करते हैं?". इसका पता लगाने की कुंजी कंप्यूटर फोंट के तर्कसंगत संचालन सिद्धांत में निहित है।

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

1. गीत फ़ाइल स्वरूप. फ़ाइल एक फ़ॉन्ट में है ताकि इसे उस प्रोग्राम द्वारा संशोधित किया जा सके जिसमें हम काम कर रहे हैं, जो "सिंक्रोनस प्रोग्राम" प्रारूप में हो सकता है। कंप्यूटर फ़ॉन्ट प्रारूपों में एक पैटर्न होता है, जो स्वचालित रूप से असंगतता की समस्या को जन्म देता है। फ़ॉन्ट की पसंद पर ध्यान देना महत्वपूर्ण है, क्योंकि आप उस प्रोग्राम से प्रभावित नहीं होते हैं जिसमें टेक्स्ट देखा जाता है।
2. विकोरिस्ट ओएस कार्यक्रम. फ़ॉन्ट फ़ाइल सिस्टम के लिए भौतिक रूप से पहुंच योग्य होनी चाहिए ताकि इसका उपयोग पाठ को प्रदर्शित करने के लिए किया जा सके। इंटरनेट के दिमाग में, यह एक गैर-तुच्छ रहस्य है। भले ही साइट को कई अलग-अलग कंप्यूटरों पर देखा जाता है, हम इस तथ्य को दोष नहीं दे सकते कि उनके पास आवश्यक फ़ॉन्ट नहीं हैं।
3. अक्षरों एवं वर्णों के समुच्चय का विवरण. हमें यह सुनिश्चित करना चाहिए कि फ़ॉन्ट में ग्लिफ़ शामिल हैं जो प्रदर्शित पाठ में सभी वर्णों का वर्णन करते हैं। उदाहरण के लिए, यदि हम रूसी पाठ को एक अलग फ़ॉन्ट, जैसे कि सिरिलिक ग्लिफ़, में बदलने का प्रयास कर रहे हैं, तो हमें कुछ भी नहीं मिल रहा है।
4. प्रतीकों को प्रदर्शित करने के लिए सेटिंग. प्रोग्राम को सूचित करने का एक तरीका होना आवश्यक है, जिसमें पाठ की समीक्षा करना शामिल है, उन हिस्सों के बारे में जिन्हें विभिन्न फ़ॉन्ट में प्रदर्शित किया जा सकता है।

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

अपनी वेबसाइट के लिए फ़ॉन्ट खोजें

सबसे महत्वपूर्ण बात जो हमें करने की ज़रूरत है वह है उचित फ़ॉन्ट को जानना और चुनना और यहां जाना:

• यह आवश्यक भाषा (ज़ोक्रेमा, रूसी) का समर्थन करता है
• फ़ॉन्ट का लाइसेंस इसे वेबसाइट पर उपयोग करने की अनुमति देता है

जिससे हमें विभिन्न ऑनलाइन पुस्तकालयों, वाणिज्यिक और गैर-व्यावसायिक दोनों फ़ॉन्ट्स द्वारा मदद मिल सकती है, और उन्हें ढूंढने, समीक्षा करने और परीक्षण करने में मदद मिल सकती है।

• MyFonts सबसे बड़ी ऑनलाइन फ़ॉन्ट लाइब्रेरी है, जो प्रत्येक फ़ॉन्ट की उत्पत्ति और विकल्पों को चुनने या चयन करने की क्षमता के बारे में विस्तृत जानकारी के साथ एक मैन्युअल खोज प्रणाली प्रदान करती है।
• गूगल वेबफोंट- Google द्वारा बनाई गई निःशुल्क उपलब्ध फ़ॉन्ट्स की एक लाइब्रेरी, इस संग्रह के सभी फ़ॉन्ट किसी भी साइट पर निःशुल्क उपलब्ध हो सकते हैं, और Google उनकी स्थापना के लिए एक सरल इंटरफ़ेस भी प्रदान करता है।
• एडोब एज वेब फ़ॉन्ट्स एडोब की एक समान सेवा है जो खोज और परीक्षण सहित व्यापक रूप से उपलब्ध फ़ॉन्ट्स की एक बड़ी सूची प्रदान करती है, और उन्हें एक वेबसाइट में एम्बेड करने की संभावना प्रदान करती है।
• free.type.org.ua - सिरिलिक के स्पर्श के साथ स्वतंत्र रूप से रंगीन फ़ॉन्ट का संग्रह।

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

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

फ़ॉन्ट का उपयोग साइट पर केवल तभी किया जा सकता है जब डिज़ाइनर या एजेंसी से प्राप्त लाइसेंस अनुबंध (ईयूएलए) इसकी अनुमति देता है। कई फ़ॉन्ट विक्रेता (उदाहरण के लिए सिरिलिक, पैराटाइप सहित) ऐसा लाइसेंस प्रदान करते हैं। किसी स्थानीय एजेंसी से फ़ॉन्ट के लिए वेब लाइसेंस खरीदने के विकल्प के रूप में, वेब फ़ॉन्ट एंबेडिंग सेवाएँ हैं। उनके पास अपने ग्राहकों को फोंट को अनुकूलित करने और मासिक शुल्क (खरीद सेवाओं की समीक्षा) के लिए अपनी वेबसाइटों से उन्हें खरीदने का अवसर देने के लिए फोंट की एक लाइब्रेरी भी है। उनमें से सबसे लोकप्रिय:

हालाँकि, ये सभी सेवाएँ, अपने अभिविन्यास के कारण, मुख्य रूप से विदेशी (जो लैटिन वर्णमाला का उपयोग करती हैं) बाज़ार की ओर उन्मुख हैं, और सिरिलिक वर्णमाला का समर्थन करने वाले फ़ॉन्ट की संख्या कम है। इन सेवाओं के लिए सदस्यता मूल्य अधिक है और किसी विशिष्ट गैर-व्यावसायिक परियोजना के लिए निषेधात्मक हो सकता है। इसका एक योग्य विकल्प स्वतंत्र रूप से विस्तारित फ़ॉन्ट्स का उपयोग है, उदाहरण के लिए Google वेबफोंट या एडोब एज वेब फ़ॉन्ट्स से, जिनका आविष्कार पहले ही किया जा चुका है और कई डिजाइनरों और एजेंसियों द्वारा प्रकाशित भी किया जा रहा है (फ़ॉन्ट को लाइसेंस देने की समस्या पर एक रिपोर्ट) वेब लेख ए लिस्ट अपार्ट में प्रकाशित हुआ है)।

वेब के लिए फ़ॉन्ट प्रारूप

ऐसे कई डेस्कटॉप और वेब फ़ॉन्ट प्रारूप हैं जो विभिन्न प्रणालियों में अलग-अलग प्रदर्शन करते हैं और विभिन्न कार्यों के लिए उपयुक्त हैं। हमारी सैकड़ों वेबसाइटें नवीनतम प्रारूपों का उपयोग करती हैं:

टीटीएफ- ट्रू टाइप 1980 के दशक से Apple द्वारा विकसित कंप्यूटर फ़ॉन्ट का एक प्रारूप है, और वर्तमान में Apple और Microsoft द्वारा अपने ऑपरेटिंग सिस्टम में इसका उपयोग किया जा रहा है। फ़ॉन्ट फ़ाइलों का विस्तार किया जा सकता है .ttf.

ओटीएफ- ओपनटाइप माइक्रोसॉफ्ट और एडोब द्वारा अपने ऑपरेटिंग सिस्टम पर उपयोग के लिए संयुक्त रूप से विकसित फ़ॉन्ट्स के लिए एक फ़ाइल प्रारूप है। ओपनटाइप में ट्रूटाइप की तुलना में अधिक प्रोसेसिंग पावर है और यह छोटे फ़ाइल आकार में बड़े कैरेक्टर सेट का समर्थन करता है। क्रॉस-प्लेटफ़ॉर्म ओपनटाइप को एक फ़ाइल में फ़ॉन्ट के विंडोज और मैक ओएस दोनों संस्करणों को शामिल करके हासिल किया जाता है। फ़ॉन्ट फ़ाइलों का विस्तार किया जा सकता है .ttfवरना ओ.टी.एफ.

ईओटी- एंबेडेड ओपनटाइप - एक कॉम्पैक्ट फ़ॉन्ट प्रारूप जो माइक्रोसॉफ्ट द्वारा विकसित ओपनटाइप वेब साइटों में वितरित किया जाता है। ऐसे फ़ॉन्ट्स की फ़ाइलों का विस्तार किया जा सकता है .ईओटी. एंबेडेड ओपनटाइप प्रारूप मालिकाना है और इंटरनेट एक्सप्लोरर ब्राउज़र द्वारा समर्थित है।

वाह- वेब ओपन फ़ॉन्ट प्रारूप - एक संपीड़ित ओपन टाइप या ट्रू टाइप फ़ॉन्ट का एक प्रारूप, जिसमें एक कंटेनर छवि शामिल है जिसमें ओपन टाइप या ट्रू टाइप प्रारूप में मूल फ़ॉन्ट शामिल हैं। इस मामले में, ट्रांसमिशन में आसानी के लिए आउटपुट फ़ॉन्ट को संपीड़ित किया जाता है और इसके साथ कई डेटा होते हैं जो फ़ॉन्ट में अंतर्दृष्टि जोड़ सकते हैं।

एसवीजी- स्केलेबल वेक्टर ग्राफ़िक्स - स्केल किए गए वेक्टर ग्राफ़िक्स के लेआउट के लिए एक भाषा, जिसका उपयोग फ़ॉन्ट का वर्णन और सेवा करने के लिए किया जा सकता है।

वेबसाइटें विभिन्न ब्राउज़रों में देखी जाती हैं, जो विभिन्न ऑपरेटिंग सिस्टम (विंडोज, मैक ओएस, लिनक्स, एंड्रॉइड, आईओएस, आदि) पर भी काम करती हैं। एक कस्टम फ़ॉन्ट के साथ, हम अधिकांश (आदर्श रूप से सभी) स्थितियों में इसकी उपस्थिति सुनिश्चित कर सकते हैं। चूँकि ये विकल्प पूरी तरह से क्रॉस-प्लेटफ़ॉर्म नहीं हैं, इसलिए समान लक्ष्य प्राप्त करने के लिए इन्हें समायोजित करना होगा। यह अनुशंसा की जाती है कि आप साइट पर प्रविष्टि के लिए प्रारूपों का संयोजन चुनें: टीटीएफ, डब्ल्यूओएफएफ, ईओटी, एसवीजी। चाहे टीटीएफ या ओटीएफ फ़ॉन्ट हो, आप इसे vikoryst में परिवर्तित कर सकते हैं, उदाहरण के लिए, फ़ॉन्ट्सक्विरेल जनरेटर - एक सेवा जो आपको एक फ़ॉन्ट आयात करने और इसे आवश्यक प्रारूपों में परिवर्तित करने की अनुमति देती है। इसके अलावा, यह सीएसएस कोड उत्पन्न करता है जिसका उपयोग साइट पर फ़ॉन्ट स्थापित करने के लिए किया जा सकता है।

यदि आप Google लाइब्रेरी या Adobe Edge का उपयोग करते हैं, तो आपको प्रारूपों के बारे में चिंता करने की ज़रूरत नहीं है। कंपनियों द्वारा प्रदान की जाने वाली सॉफ़्टवेयर सेवा अधिकांश प्रकारों में फ़ॉन्ट के लिए समर्थन प्रदान करती है।

वेबसाइट पर फ़ॉन्ट जोड़ना

साइट पर सामग्री के लिए फ़ॉन्ट बनाने की क्षमता (जैसे हम चित्र या वीडियो बनाते हैं) मेरी सीएसएस शैलियों द्वारा सुनिश्चित की जाती है, जो पाठ सहित पृष्ठ पर सभी तत्वों के डिज़ाइन के लिए ज़िम्मेदार हैं। इस तकनीक के विकास के शुरुआती चरणों में, यह इंगित करना संभव था कि समान या अन्य तत्वों की उपस्थिति के विरूपण के लिए कौन सा फ़ॉन्ट जिम्मेदार है। हालाँकि, यह कहा गया था कि यह फ़ॉन्ट कोरिस्टुवाच के कंप्यूटर पर इंस्टॉलेशन के लिए जिम्मेदार था। एक विशिष्ट फ़ॉन्ट की उपलब्धता के विरुद्ध "बीमा" के विकल्प के रूप में, "प्राथमिकता" के क्रम में कई फ़ॉन्ट सेट करना संभव था, ताकि सिस्टम लगातार खोजों का चयन करे और सूची में पहले पाए गए विकल्प का चयन करे। इस दृष्टिकोण ने इस अवधारणा को जन्म दिया वेब फ़ॉन्ट के लिए सुरक्षित(वेब सेव फोंट) - फोंट का एक सेट जो कंप्यूटर उपयोगकर्ताओं के कंप्यूटर पर व्यापक रूप से स्थापित होता है, उदाहरण के लिए, ओएस इंस्टॉलेशन पैकेज में शामिल होता है, या बस उनकी महान लोकप्रियता से लाभान्वित होता है।

ऐसे फ़ॉन्ट की "चौड़ाई" पर आंकड़े अतिरिक्त सेवा cssfontstack.com का उपयोग करके प्राप्त किए जा सकते हैं, जो उनमें से प्रत्येक के लिए "सुरक्षा" फ़ॉन्ट का अनुक्रम बनाने में भी मदद करता है।

जाहिर है, उस अवधि के वेब टूल की सभी क्षमताएं "सुरक्षित" सेट में शामिल दर्जनों फ़ॉन्ट में केंद्रित थीं। सीएसएस के विकास के साथ, साइट पर फ़ॉन्ट को "कार्यान्वयन" करना संभव हो गया। फ़ॉन्ट फ़ाइल को सर्वर पर किसी अन्य साइट के साथ रखें और इसे टेम्पलेट कोड में उपयोग करें ताकि ब्राउज़र का उपयोग साइट को देखने के लिए किया जा सके और इस प्रकार उपयोगकर्ता के कंप्यूटर पर उपयोग के लिए उपलब्ध हो सके। अतिरिक्त @ फ़ॉन्ट-फेस निर्देश का उपयोग करके, यह अधिक मौजूदा ब्राउज़रों द्वारा समर्थित है और अधिक साइटों पर प्रदर्शित किया गया है। इसके अलावा, यदि आप चुनते हैं, तो "सुरक्षा" फ़ॉन्ट विकल्पों को इंगित करना न भूलें जो उन मामलों में उपलब्ध हो सकते हैं जहां मुख्य फ़ॉन्ट किसी भी कारण से अनुपलब्ध हो जाता है। ओत्जे, फ़ॉन्ट बनाया जा रहा है, आधिकारिक सर्वर पर संशोधित किया जा रहा है.

1. हम टीटीएफ या ओटीएफ प्रारूप के लिए आवश्यक फ़ॉन्ट जानते हैं, हम सत्यापित करते हैं कि यह उस भाषा का समर्थन करता है जिसकी हमें आवश्यकता है।
2. विभिन्न वेब प्रारूपों से फ़ॉन्ट परिवर्तित करने के लिए विकोरिस्ट का फ़ॉन्ट्सक्विरेल जनरेटर।

1. जनरेटर के लिए @font-face-package बनाना आवश्यक है, जिसमें फ़ॉन्ट फ़ाइलें शामिल हैं (उन्हें टेम्पलेट के अन्य तत्वों के साथ सर्वर पर रखा जाना चाहिए) और @font-face नियम तैयार करना चाहिए, जो होना चाहिए आपकी अपनी साइट में स्टाइल फ़ाइल की बिल्कुल शुरुआत में रखा गया है, जिसे पुनः परिवर्तित किया गया है, ताकि फ़ॉन्ट फ़ाइलों के लिए दिशा-निर्देश सही ढंग से निर्दिष्ट किए जा सकें।

@फ़ॉन्ट-फेस (फ़ॉन्ट-फ़ैमिली: 'मायफ़ॉन्ट'; src: url('myfont-webfont.eot'); src: url('myfont-webfont.eot?#iefix') फॉर्मेट('एम्बेडेड-ओपनटाइप'), url('myfont-webfont.woff') फॉर्मेट('woff'), url('myfont-webfont.ttf') फॉर्मेट('truetype'), url('myfont-webfont.svg#myfont') फॉर्मेट('svg '); फ़ॉन्ट-भार: सामान्य; फ़ॉन्ट-शैली: सामान्य;

2. शैलियों में यह दर्शाया गया है कि कुछ तत्व नियमित सीएसएस सिंटैक्स के अतिरिक्त फ़ॉन्ट के उपयोग के अधीन हैं।

विघटनकारी प्रभाव का अनुभव होना संभव है। हम खुद को थोड़ा माफ भी कर सकते हैं फ़ॉन्ट आयात करने के लिए विकोरिस्ट और तृतीय-पक्ष सेवा, उदाहरण के लिए गूगल वेबफोंट.

1. हम लाइब्रेरी से एक फ़ॉन्ट चुनते हैं और यह जांचते हैं कि यह उस भाषा का समर्थन करता है जिसकी हमें ज़रूरत है।
2. "स्वीडिश विक्टोरियल" मोड में, हम उस छवि विकल्प का चयन करते हैं जिसकी हमें आवश्यकता है और जिन चरित्र सेटों का हमें समर्थन करने की आवश्यकता है। हम जितने अधिक विकल्पों का उपयोग करना चाहेंगे, फ़ॉन्ट फ़ाइल उतनी ही महत्वपूर्ण होगी, और हमारी रुचि उतनी ही महत्वपूर्ण होगी। इसलिए किसी लालची को न चुनें।
3. हम सिस्टम द्वारा जेनरेट किए गए कोड को कॉपी करते हैं और टैग के बीच साइट टेम्पलेट कोड में पेस्ट करते हैं अन्य संदेशों से पहले सीएसएसफ़ाइलें.
4. शैलियों में यह स्पष्ट है कि नियमित सीएसएस सिंटैक्स के साथ-साथ पहले स्थान पर फ़ॉन्ट का उपयोग करने की उलझन के लिए कुछ तत्व दोषी हैं।

गैर-मानक फ़ॉन्ट का उपयोग करने की क्षमता के लिए भुगतान की जाने वाली कीमत उत्पादकता का नुकसान है - साइट अधिक भीड़भाड़ वाली हो जाएगी, और इसे अधिक कंप्यूटिंग संसाधनों की आवश्यकता होगी। इसलिए, एक पृष्ठ पर बहुत सारे गैर-मानक फ़ॉन्ट का उपयोग करने और उन्हें आसन्न डिज़ाइन तत्वों, जैसे शीर्षकों या नेविगेशन तत्वों (उत्पादकता की समस्या पर एक रिपोर्ट) से घिरे मुख्य पाठ में पैक करने की अनुशंसा नहीं की जाती है शातिर तरीके से इस्तेमाल किए गए फॉन्ट आप इसे हैबे पर पढ़ सकते हैं)।

साइटों पर वेब फ़ॉन्ट्स के व्यावहारिक उपयोग के बारे में हमारी चर्चा के अंत में - ऐसी कई साइटें हैं जो वेब फ़ॉन्ट्स को एक महत्वपूर्ण भूमिका देती हैं

• अनुवाद

अब वेब फ़ॉन्ट का उपयोग करके अपने रोबोट के डिज़ाइन को बेहतर बनाने का समय आ गया है

बिना किसी रुकावट के, मेरेज़ेवा द्रुकर्णा अपने जीवन के कठिन दौर से गुजर रही है। प्रौद्योगिकी में हालिया प्रगति ने हमें इंटरनेट की आभासी दुनिया के एक कदम और करीब ला दिया है। क्रोक, वे इतने समय से किस प्रकार की मूंछें जाँच रहे हैं?

सभी वायर्ड ऑपरेटिंग सिस्टमों पर वेब फ़ॉन्ट्स को सुरक्षित रूप से उपयोग करने की स्वतंत्रता तीन प्रमुख, शायद तत्काल, तकनीकी कारकों के महान प्रभाव के कारण संभव हो गई है: ब्राउज़रों में @फ़ॉन्ट-फेस नियमों को व्यापक रूप से अपनाना; टाइपेकिट और फॉन्टडेक जैसे "फ़ॉन्ट राक्षसों" की उपस्थिति; एक नए फ़ॉन्ट प्रारूप का निर्माण - एक संग्रहीत WOFF फ़ॉन्ट फ़ाइल।

* इनमें से कुछ फॉन्ट सिरिलिक के लिए हैं, इसलिए यह चयन "आउटसोर्सर्स" के लिए अधिक उपयुक्त है। हमें उम्मीद है कि उनमें से कुछ जल्द ही दिखाई देंगे, और सिरिलिक में स्लोवेनियाई भाषाओं के लिए कम फ़ॉन्ट नहीं होंगे।टैगों को जोड़ें

लेआउट बनाना शुरू करते समय, सीएसएस में उन फ़ॉन्ट्स को सावधानीपूर्वक निर्दिष्ट करना आवश्यक है जो पृष्ठ पर उपयोग किए जाएंगे। अक्सर, अलग-अलग फ़ॉन्ट में, डिज़ाइनर न केवल पृष्ठ का मुख्य पाठ टाइप करता है, बल्कि अलग-अलग शीर्षक, लोगो और मोनोग्राम भी टाइप करता है:

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

1. फ़ॉन्ट जो अधिकांश डेवलपर्स द्वारा आसानी से प्रदर्शित किए जा सकते हैं।
2. फ़ॉन्ट जो हर दिन कलाकारों के एक बड़े समूह के लिए उपलब्ध होते हैं।

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

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

मैं पहले समूह के फ़ॉन्ट को दूसरे से कैसे अलग कर सकता हूं? यह स्पष्ट है कि आप सीधे अपने कंप्यूटर पर इंस्टॉल किए गए फ़ॉन्ट की टाइपिंग को छिपा नहीं सकते हैं! आओ दोस्ती करें।

मानक फ़ॉन्ट

मानक फ़ॉन्ट फ़ॉन्ट का एक सेट है जो ऑपरेटिंग सिस्टम के साथ एक साथ स्थापित किया जाता है। ऑपरेटिंग सिस्टम के हिस्से अलग-अलग होते हैं और उनका फ़ॉन्ट सेट अलग-अलग होता है। विंडोज़ के विभिन्न संस्करणों के लिए मानक फ़ॉन्ट्स की एक सूची देखी जा सकती है, उदाहरण के लिए, आलेख मानक विंडोज़ फ़ॉन्ट्स पर, और मैक ओएस के लिए मानक फ़ॉन्ट्स की एक सूची फ़ॉन्ट्स जो मैक ओएस के साथ आते हैं पृष्ठ पर देखी जा सकती है। क्योंकि यूनिक्स/लिनक्स ऑपरेटिंग सिस्टम हैं, उनमें फ़ॉन्ट का एक ही सेट होता है। कई लिनक्स उपयोगकर्ता DejaVu फ़ॉन्ट सेट का उपयोग करते हैं, विशेष रूप से उबंटू पर, जो पर्दे के पीछे स्थापित होता है। http://www.codestyle.org के आंकड़ों के आधार पर, कई यूनिक्स/लिनक्स उपयोगकर्ताओं के पास यूआरडब्ल्यू, फ्री और अन्य फ़ॉन्ट सेट भी स्थापित हैं। इन आँकड़ों के आधार पर, 60% से अधिक यूनिक्स/लिनक्स उपयोगकर्ता अपने कंप्यूटर पर वेब फ़ॉन्ट सेट के लिए कोर फ़ॉन्ट का उपयोग करते हैं, जो 2002 तक आधिकारिक तौर पर Microsoft वेबसाइट पर मुफ्त डाउनलोडिंग के लिए उपलब्ध था।

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

यह शक्ति फ़ॉन्ट परिवार नामों और/या सामान्य परिवार नामों की प्राथमिकता सूची निर्दिष्ट करती है। CSS2 विनिर्देश के आधार पर, फ़ॉन्ट परिवार नाम दो प्रकार के होते हैं:

1. चयन के लिए फ़ॉन्ट परिवार का नाम. उदाहरण के लिए, "टाइम्स न्यू रोमन", "एरियल" और अन्य। फ़ॉन्ट परिवारों के नाम, जो अंतराल को पाटने में मदद करेंगे, पंजे में फंसने के दोषी हैं। चूँकि पैड दैनिक होते हैं, फ़ॉन्ट नाम के पहले और बाद के किसी भी रिक्त स्थान को अनदेखा कर दिया जाता है, और फ़ॉन्ट नाम के बीच में रिक्त स्थान के किसी भी क्रम को एक एकल स्थान में परिवर्तित कर दिया जाता है।
2. परिवार (पृष्ठभूमि) परिवार. विनिर्देश में निम्नलिखित सामान्य परिवार हैं:
   • सेरिफ़ - सिरों पर सेरिफ़ वाले फ़ॉन्ट;
   • सैन्स-सेरिफ़ - सैन्स-सेरिफ़ फ़ॉन्ट;
   • घसीट - इटैलिक छवियों के लिए फ़ॉन्ट;
   • फंतासी - सजावटी फ़ॉन्ट;
   • मोनोस्पेस - मोनोस्पेस फ़ॉन्ट (समान चौड़ाई के अक्षरों के साथ)।
   पैतृक परिवारों के नाम प्रमुख शब्द हैं और पैर पर लेटना अनिवार्य नहीं है।

इस प्रकार, डिज़ाइन के लिए, ओएस विंडोज़ से एक मानक फ़ॉन्ट लिया जाता है, मैक ओएस और यूनिक्स/लिनक्स के लिए एक समान फ़ॉन्ट चुना जाता है, फ़ॉन्ट की मूल मातृभूमि निर्दिष्ट की जाती है, और यह तैयार है।

लेकिन ये इतना आसान नहीं है. आइए रिपोर्ट को खंगालें।

वेब-सुरक्षित फ़ॉन्ट खोज रहे हैं

इंटरनेट पर, ऐतिहासिक रूप से "सुरक्षित" वेब फ़ॉन्ट जैसी अवधारणा रही है। एक सुरक्षित फ़ॉन्ट उस फ़ॉन्ट को कहा जा सकता है जो सभी ऑपरेटिंग सिस्टम में मानक है। तब, न्याय के ऐसे शिविर के अवशेष मौत के मुँह में समा जायेंगे कोई बिल्कुल सुरक्षित फ़ॉन्ट नहीं हैं!

कुछ फ़ॉन्ट्स को कुछ सुरक्षा के साथ सुरक्षित कहा जा सकता है।

"सुरक्षित" फ़ॉन्ट के पदनाम का आधार सबसे लोकप्रिय विंडोज ऑपरेटिंग सिस्टम के फ़ॉन्ट थे, जिनका उपयोग अन्य ऑपरेटिंग सिस्टम में भी किया जाता है। ऐसे संसाधन का एक उदाहरण वेब फ़ॉन्ट पैकेज के लिए कोर फ़ॉन्ट है, जैसा कि आप अनुमान लगा सकते हैं, आंकड़ों के आधार पर अनगिनत यूनिक्स/लिनक्स उपयोगकर्ताओं द्वारा डाउनलोड किया गया था।

इस पैकेज में निम्नलिखित फ़ॉन्ट शामिल हैं: एंडेल मोनो, एरियल ब्लैक, एरियल, कॉमिक सैन्स एमएस, कूरियर न्यू, जॉर्जिया, इम्पैक्ट, टाइम्स न्यू रोमन, ट्रेबुचेट एमएस, वर्डाना, वेबडिंग्स। सभी गंध सिरिलिक वर्णमाला का समर्थन करते हैं, जो रूनेट के लिए महत्वपूर्ण है।

Mac OS

इस प्रकार, अन्य ऑपरेटिंग सिस्टम में उपयोग किए जाने वाले विंडोज फ़ॉन्ट्स के आधार पर, तथाकथित "सुरक्षित" वेब फ़ॉन्ट्स की एक नई सूची बनाई गई है:

• एरियल
• एरियल ब्लैक
• कॉमिक सैंस एम.एस
• कूरियर नया
• जॉर्जिया
• प्रभाव
• टाइम्स न्यू रोमन
• ट्रेबुचेट एम.एस
• वर्दाना

टाइपिंग आइकन के लिए वेबडिंग्स फ़ॉन्ट भ्रामक है, इसलिए आप इसे सामग्री के लिए उपयोग नहीं कर सकते। एंडेल मोनो को व्यापक उपयोग की आवश्यकता नहीं है, क्योंकि यह स्क्रीन से प्रतिदिन पाठ पढ़ने के लिए उपयुक्त नहीं है और सभी विंडोज़ उपयोगकर्ताओं के लिए उपलब्ध नहीं है।

ये सभी फ़ॉन्ट सभी विंडोज़, मैक ओएस एक्स और, सबसे महत्वपूर्ण, यूनिक्स/लिनक्स सिस्टम (वे जिन्होंने वेब पैकेज के लिए कोर फ़ॉन्ट स्थापित किए हैं) पर उपलब्ध हैं।

लेकिन इसके बारे में क्या? मैं चाहूंगा कि डिज़ाइनर का विचार एक से अधिक सर्वश्रेष्ठ लोगों से प्रभावित हो!

इसके बारे में प्रकाशन के दूसरे भाग में पढ़ें।

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

पी (फ़ॉन्ट-परिवार: वर्दाना;)

कोड के इस छोटे से हिस्से का मतलब सभी टैग तक है

वर्दाना फ़ॉन्ट को सख्त कर दिया गया है। फ़ॉन्ट-फ़ैमिली की शक्ति यह निर्धारित करती है कि कौन सा फ़ॉन्ट या फ़ॉन्ट उपयोग किया जाएगा। उपयोगकर्ता के ब्राउज़र में सही प्रदर्शन शैली आपके कंप्यूटर पर स्थापित कार्य फ़ॉन्ट के प्रकार पर निर्भर करती है। यदि आपके कंप्यूटर पर दैनिक वर्दाना फ़ॉन्ट है, तो आपका ब्राउज़र फ़ॉन्ट प्रदर्शित करेगा और सेटिंग्स इंस्टॉल करेगा।

आजकल, डिजाइनरों को अतिरिक्त उपयोग के लिए कई अतिरिक्त फ़ॉन्ट निर्दिष्ट करने पड़ते थे, क्योंकि उपयोगकर्ता का कंप्यूटर मुख्य फ़ॉन्ट नहीं होगा। यह संभव है कि आप टेक्स्ट को वर्दाना फ़ॉन्ट में प्रारूपित करना चाहते हैं, और बैकअप के रूप में ट्रेबुचेट एमएस, जिनेवा या कोई अन्य सैन्स-सेरिफ़ फ़ॉन्ट स्थापित करना चाहते हैं। इस प्रकार साइन अप करें:

पी (फ़ॉन्ट-फ़ैमिली: वर्डाना, "ट्रेबुचेट एमएस", जिनेवा, सेन्स-सेरिफ़;)

इस कोड को संसाधित करने से पहले, ब्राउज़र को तुरंत उपयोगकर्ता के कंप्यूटर पर वर्दाना फ़ॉन्ट की उपलब्धता की जांच करनी चाहिए। टैग के स्थान पर वर्तमान फ़ॉन्ट के रूप में

इस फ़ॉन्ट में दिखाई दें. यदि फ़ॉन्ट दैनिक है, तो ब्राउज़र जाँच करेगा कि फ़ॉन्ट सूची में उपलब्ध है या नहीं - ट्रेबुचेट एमएस। चूँकि यह फ़ॉन्ट एक ही प्रकार का है, मूल फ़ॉन्ट - जिनेवा की उपस्थिति सत्यापित है। यदि उपयोगकर्ता के कंप्यूटर में जिनेवा नहीं है, तो ब्राउज़र किसी अन्य उपलब्ध सैन्स-सेरिफ़ फ़ॉन्ट का चयन करेगा और उसमें टेक्स्ट प्रदर्शित करेगा।

सम्मान बहाल करें:कोड में हमने पैड में ट्रेबुचेट एमएस फ़ॉन्ट का नाम लिखा था। यदि फ़ॉन्ट में रिक्तियां हैं तो उसका नाम डबल या सिंगल लेग में उपयोग करना आवश्यक है।

आप विकिपीडिया पृष्ठ पर सेरिफ़ (सेरिफ़) और बिना (सैन्स-सेरिफ़) वाले उन फ़ॉन्ट के बारे में पढ़ सकते हैं।

वेब फ़ॉन्ट

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

आप पेज डिज़ाइन को व्यक्तिगत बनाने और मौलिकता जोड़ने के लिए फ़ॉन्ट की पसंद कैसे बढ़ा सकते हैं? वेब फ़ॉन्ट मदद के लिए आते हैं। नीचे दिए गए अनुभाग को पढ़ें और आपको पता चलेगा कि उनसे कैसे निपटना है।

हालाँकि, ब्राउज़र में आवश्यक फ़ॉन्ट प्रदर्शित करने के लिए, हमें इस फ़ॉन्ट को कंप्यूटर पर इंस्टॉल करना होगा। कार्रवाई करना आसान है. सीएसएस से पहले फ़ॉन्ट कनेक्ट करने की यह विधि डिजाइनरों के लिए संभावनाओं की एक विस्तृत श्रृंखला खोलती है। आइए शहद की एक बैरल में एक चम्मच शहद के बारे में याद रखें: सबसे पहले, ब्राउज़र फ़ॉन्ट के लिए समान प्रारूप का समर्थन नहीं करता है (जिसके कारण फ़ॉन्ट प्रदर्शित नहीं होगा), और दूसरे तरीके से, चूंकि फ़ाइल के साथ फ़ॉन्ट में महान मूल्य शामिल हैं, आप दिलचस्प पक्ष से मदद कर सकते हैं।

प्रारूपों का समर्थन

फ़ाइल स्वरूप के साथ असंगति की समस्या से कैसे निपटें? सबसे लोकप्रिय फ़ॉन्ट प्रारूप दिखाने वाली तालिका पर एक नज़र डालें और कौन से ब्राउज़र उनका समर्थन करते हैं:

टिप्पणी:आप वेबसाइट caniuse.com पर फ़ॉन्ट प्रारूपों का समर्थन करने के बारे में नवीनतम जानकारी पा सकते हैं। खोजने के लिए, आपको प्रारूप के लिए एक नाम दर्ज करना होगा (उदाहरण के लिए, टीटीएफ)।

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

हम @font-face का उपयोग करके एक वेब फ़ॉन्ट शामिल करते हैं

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

@ फ़ॉन्ट-फेस (फ़ॉन्ट-फ़ैमिली: MyUniqueFont; src: url ("fonts/MyUniqueFont.ttf");)

फ़ॉन्ट-परिवार की शक्ति इस मामले में एक अलग भूमिका निभाती है: हम फ़ॉन्ट को एक नाम भी निर्दिष्ट करते हैं, ताकि शैली लिखते समय हम उस नाम का उपयोग कर सकें:

पी (फ़ॉन्ट-फ़ैमिली: MyUniqueFont;)

दूसरी पंक्ति फ़ाइल फ़ॉन्ट का पथ इंगित करती है। हमारे एप्लिकेशन में, MyUniqueFont.ttf फ़ाइल फ़ॉन्ट फ़ोल्डर में स्थित है। आपके यूआरएल भिन्न हो सकते हैं.

गूगल फ़ॉन्ट्स

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

टिप्पणी: Google फ़ॉन्ट्स का संपूर्ण संग्रह वेबसाइट पर उपलब्ध है गूगल फ़ॉन्ट्स. पृष्ठ पर आप श्रेणी, उत्पाद, वर्णमाला के आधार पर फ़ॉन्ट खोजने के लिए विभिन्न फ़िल्टर का उपयोग कर सकते हैं।

Google फ़ॉन्ट से कनेक्ट करने की प्रक्रिया नीचे वर्णित है। क्या हो रहा है इसका अंदाजा लगाने के लिए, Google फ़ॉन्ट्स पृष्ठ से एक फ़ॉन्ट चुनें और त्वरित-उपयोग बटन पर क्लिक करके इसे खोलें।

चरण 1: छवि का चयन करें

चयनित फ़ॉन्ट के पृष्ठ पर, आपको बैठने का विकल्प, साथ ही स्पीडोमीटर आइकन दिखाई देगा, जिसका अर्थ फ़ॉन्ट की तरलता से कम नहीं है। आप फ़ॉन्ट के लिए जितनी अधिक शैलियाँ चुनेंगे, उसे स्टाइल करने में आपको उतना ही अधिक समय लगेगा। इसलिए यह अनुशंसा की जाती है कि केवल उन्हीं छवि विकल्पों का चयन करें जिनका आप उपयोग करने की योजना बना रहे हैं।

क्रोक 2: वर्णमाला चुनें

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

क्रोक 3: साइट पर कोड जोड़ें

पहली विधि यह सुनिश्चित करना है कि HTML कोड Google सर्वर पर भेजा गया है, और फ़ॉन्ट आयात किया गया है। आपको कोड के तैयार टुकड़े को कॉपी करके टैग के बीच रखना होगा आपके HTML दस्तावेज़ में. बट:

...

दूसरा तरीका फ़ॉन्ट को अतिरिक्त @import निर्देश से कनेक्ट करना है। तैयार कोड चयनित Google फ़ॉन्ट के पृष्ठ पर दूसरे टैब, बिंदु 3 में पाया जा सकता है। इसे आपकी स्टाइल शीट के आधार पर जोड़ा जाना चाहिए (अन्यथा फ़ाइल आयात नहीं की जाएगी)। कोड कुछ इस तरह दिखता है:

@आयात यूआरएल(http://fonts.googleapis.com/css?family=Roboto&subset=latin,cyillic);

पहली विधि की ख़ासियत इस तथ्य में निहित है कि आपको प्रत्येक पृष्ठ के शीर्षक पर फ़ॉन्ट में नोट्स जोड़ना होगा, जहां आप इसे संपादित करने की योजना बना रहे हैं। कम संख्या में पृष्ठों वाली साइटों पर ऐसा करना आसान है, लेकिन बड़े संसाधनों के लिए यह समस्याग्रस्त है। एक अन्य मैन्युअल तरीका यह है कि कोड को मौजूदा स्टाइल शीट के शीर्ष पर रखा जा सकता है, और फिर वे सभी पृष्ठ जिनसे यह तालिका जुड़ी हुई है, आवश्यक फ़ॉन्ट का चयन करेंगे, जो एक अतिरिक्त @import निर्देश के लिए आवश्यक है।

क्रोक 4: एक शैली बनाएं

प्रमुख पंक्तियों के बाद, आप फ़ॉन्ट को सख्त करना शुरू कर सकते हैं। इस CSS नियम को कैसे लिखें, आप पहले ही लिख चुके हैं:

पी (फ़ॉन्ट-फ़ैमिली: "रोबोटो", सैन्स-सेरिफ़;)

चूँकि पहले चरण में आपने कई छवि विकल्प चुने (उदाहरण के लिए, आपने बोल्ड फ़ॉन्ट विकल्प बोल्ड 700 जोड़ा), तो तीसरे चरण में कोड थोड़ा बदल जाएगा:

@आयात यूआरएल(http://fonts.googleapis.com/css?family=Roboto:700,400&subset=latin,cyillic);

फिर फ़ॉन्ट को एक बोल्ड छवि देने के लिए, CSS शैली को इस प्रकार लिखें:

पी (फ़ॉन्ट-फ़ैमिली: "रोबोटो", सैन्स-सेरिफ़; फ़ॉन्ट-वजन: 700;)

टिप्पणी: Google फ़ॉन्ट्स में, किसी फ़ॉन्ट के घनत्व को इंगित करने के लिए, केवल 100 से 900 तक की मानसिक इकाइयों का उपयोग किया जाता है। इस प्रकार, एक सामान्य छवि (लाइनों के पीछे) 400 (सामान्य) के बराबर होती है, और एक मानक बोल्ड छवि 700 के बराबर होती है (बोल्ड)।

Google फ़ॉन्ट्स सेवा के मुख्य लाभ हैं:

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

सेवा की कमियों में फ़ॉन्ट की विविधता है, विशेषकर सिरिलिक। बोलने से पहले, इंटरनेट पर अन्य समान सेवाएँ हैं, उदाहरण के लिए, टाइपकिट (भुगतान)।

पाउच

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