कंसोल से @ फॉन्ट-फेस किट की पीढ़ी को स्वचालित करें

यदि आप कभी सोचते हैं कि क्या यह संभव है कि किसी तरह वेब के लिए फोंट की पीढ़ी को स्वचालित किया जाए या आप हर बार फ़ॉन्ट गिलहरी के लिए जा रहे हैं, तो, जैसा कि वे कहते हैं, बिल्ली का स्वागत है।

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

marmot Averia-Regular.ttf # ls . => webfontkit.zip 

Marmot कोई भी फॉन्ट लेता है, इसे Font Squirrel पर अपलोड करता है और फॉन्ट के woff, ttf, eot और svg वर्जन के साथ आर्काइव को डाउनलोड करता है। डिफ़ॉल्ट रूप से, मानक जनरेटर सेटिंग्स का उपयोग किया जाता है।
फ़ॉन्ट गिलहरी से डाउनलोड करने वाले संग्रह में हमेशा जनरेटर-config.txt नामक फ़ाइल होती है , इसलिए मर्मोट इसे पढ़ सकता है:

 marmot -c generator-config.txt font.otf 

कूल, कूल, कहां से डाउनलोड करें, कैसे सेट करें?

मर्मॉट रगड़ में लिखा गया है, एक नियमित जाम की तरह:

 gem install marmot 

इसे कैसे कॉन्फ़िगर करें?

विकल्पों में से एक विन्यास फाइल का उपयोग करना है, जिसके बारे में मैंने ऊपर लिखा था। प्रारूप JSON है, वे कुछ इस तरह दिखते हैं:

 { "formats":["ttf", "woff", "svg"], "fallback":"none", "subset_custom_range":"E000-F8FF", "emsquare":"1000" } 

दूसरा विकल्प कंसोल के माध्यम से पैरामीटर सेट करना है:

 marmot --no-add-hyphens --formats=ttf,woff font.otf 

बहुत सारे पैरामीटर हैं, और उनके नाम कभी-कभी असंगत कहने के लिए कुंद होते हैं, इसे आसान बनाने के लिए , जनरेटर पृष्ठ पर जाएं और कंसोल में निम्नलिखित कोड चलाएं:

 $("input[value='expert'], input[value='advanced']").click(); $("table input").each(function(){ $(this).after($("<div style='color:red;'>"+$(this).attr("name")+" : "+$(this).attr("value")+"</div>")); }); 

तो यह स्पष्ट हो जाएगा:

ट्रॉली बस के बारे में चित्र या यह क्यों आवश्यक है

वास्तव में, ज्यादातर मामलों में जनरेटर पेज पर जाना संभव है, एक बार वांछित फ़ॉन्ट उत्पन्न करें और इसे प्रोजेक्ट फ़ोल्डर में डालें।

ठीक है, तुम एक मसखरा हो, और मैंने यह सब क्यों पढ़ा?

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

 rm -r ./web/app/assets/fonts/icons marmot -dc ./web/config/font-config.json ./design/icons-Regular.otf output.zip && unzip output.zip -d ./web/app/assets/fonts/icons 

... और सब

मेरा शिल्प उन सभी के लिए उपयोगी है जो कभी-कभी इस प्रक्रिया को स्वचालित करना चाहते थे, और मेरी तरह गीक्स जो कंसोल से सब कुछ करना पसंद करते हैं।

अगर किसी को दिलचस्पी है, तो यहाँ जीथब पर कोड है : जीथब पर कोड

सभी शांति