हम फोंट को परियोजना से जोड़ने पर समय बचाते हैं

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

फोंट के साथ एक सहज दिखने वाली साइट के बारे में आज की पोस्ट।


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

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

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

अब साइट में अड़तालीस शैलियों में 19 फोंट हैं, जिन्हें आप एक ही जोड़े में अपनी परियोजना से जोड़ सकते हैं।

यह कैसे काम करता है

काम की तकनीक बेहद सरल है: साधारण

@import 

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

अब अच्छाइयों के बारे में

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

टिप्पणियां

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

मेरी कहानी समाप्त हो गई और आपके लिए केवल प्रश्न थे।

1. यह आपके लिए कितना उपयोगी / दिलचस्प है और क्या आपको ऑनलाइन फोंट की संख्या में वृद्धि जारी रखनी चाहिए?
2. साइट को एक स्वतंत्र सेवा बनाएं और अपने स्वयं के डोमेन में अनुवाद करें?
3. 101% संभावना में यह पता लगाना कैसे संभव है कि लेखक के साथ घटकों या लिंक में असंतुष्ट किए बिना एक फ़ॉन्ट मुफ्त में भुगतान किया जाता है?

एक और विशेष मेरे दोस्तों, और हमारे सहयोगियों को अंशकालिक धन्यवाद जिन्होंने मेरी पहली प्रतिक्रिया का आयोजन किया। उनकी समीक्षाओं के बाद, साइट बदल गई है। और स्थानों में यह महत्वपूर्ण है।

"डिजाइन" के लिए मैं आपको टमाटर फेंकने के लिए नहीं कहता हूं, क्योंकि मैं केवल एक टाइप्टर हूं और सब कुछ एक कूबड़ पर किया।

पद के पाद लेख में साइट के लिए अनिवार्य लिंक।

ps यह पोस्ट लगभग पूरी तरह से नोवोसिबिर्स्क शहर में पेरोवोमिस्की स्क्वायर की बेंच पर बकाइन झाड़ियों की छाया में लिखा गया था। यहाँ महान :)

आपका ध्यान देने के लिए धन्यवाद।

सहकर्मी सहकर्मी, मैं आपकी सभी टिप्पणियों को देखता हूं। कोई भी बदलाव तुरंत करने से काम नहीं चलता है। और मैं कमियों के वैश्विक सुधार में संलग्न होना शुरू कर दूंगा जब इस साइट के लिए अधिक या कम स्पष्ट तस्वीर है कि यह किसके लिए रुचि है, क्योंकि मैं निष्क्रिय समय में समय बर्बाद नहीं करना चाहता, कृपया समझें।
आपकी प्रतिक्रिया के लिए धन्यवाद।

08/28/2012 से अद्यतन
साइट अपने स्वयं के डोमेन पर रहने के लिए स्थानांतरित हो गई है और WebFont.ru पर उपलब्ध है। अब सभी नए फॉन्ट दिखाई देंगे, और पुराना संस्करण जल्द ही नए पते पर रीडायरेक्ट होने लगेगा। मैं किसी को भी सलाह देता हूं जिसने आयात को बदलने के लिए सीधे फोंट जुड़ा हुआ है, लेकिन फोंट कुछ समय के लिए उपलब्ध रहेंगे।