WebFont.ru पर फ़ॉन्ट पथ

सभी को नमस्कार।

यह शुक्रवार की छोटी सी पोस्ट होगी कि हमारी आंतरिक रसोई कैसे काम करती है, और बस इतना है कि हर कोई समझता है कि हम क्या कर रहे हैं।

प्रविष्टि

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

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

फ़ॉन्ट चयन

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

खोज और चयन स्वयं सबसे लोकप्रिय साइटों और डिज़ाइनों को कवर करने वाले ब्लॉगों को ट्रैक करने से शुरू होता है। उदाहरण के लिए: smashingmagazine.com , behance.net , creativebloq.com , आदि। कुछ समझदार सामाजिक नेटवर्क पर पाए जा सकते हैं जहां हैशटैग मदद करते हैं।

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

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

परिवर्तित

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

एक फ़ॉन्ट और सिस्टम डिवाइस जोड़ना

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

प्लगइन्स के लिए, उनकी बारीकियों के कारण और एकीकरण उद्देश्यों के लिए, हम सर्वर द्वारा उत्पन्न और प्लग इन में पहले से ही सॉर्ट किए गए एक json फ़ाइल का उपयोग करते हैं।

हम डिवाइस के बारे में अधिक बताने की योजना बनाते हैं और यह हमारे अगले लेखों में कैसे काम करता है।

फ़ॉन्ट भंडारण और वितरण

सभी फोंट दो प्रकारों (संग्रह / फाइलों) और तीन स्थानों पर संग्रहीत किए जाते हैं।

डाउनलोड के लिए, हमने अभिलेखागार को एक अलग डोमेन में स्थानांतरित कर दिया, जिससे प्लगइन्स और साइट एक दूसरे से स्वतंत्र रूप से काम करते हैं।

साइट पर फोंट का प्रदर्शन करने के लिए, हम उन्हें साइट के बगल में "बगल में" डालते हैं, और नगीनक्स का उपयोग करके उन्हें स्टोर और कैश करते हैं।

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

इन सभी जोड़तोड़ों की मदद से, हमने लोड के वितरण के साथ समस्या को हल किया और हमारी लागत कम कर दी।

सामान्य शब्दों में, यह शायद हमारे साथ फोंट के चयन, प्रकाशन और वितरण के साथ जुड़ा हुआ है। निम्नलिखित लेख तकनीकी और व्यावहारिक होंगे।

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

अपडेट मिथोल ने पहले इसे प्रकाशित किया और बताया कि कैसे आस-पास पहुंचें: habrahabr.ru/post/130172

आपका ध्यान और एक सफल सप्ताहांत के लिए धन्यवाद।
WebFont.ru टीम।