FontForge SVG आयात: बनाई गई आकृतियों से ग्लिफ़ के कंटूर बनाएं

FontForge में SVG आयात करने के लिए इच्छित ग्लिफ़ स्लॉट खोलें, File → Import चुनें, प्रारूप SVG करें और फ़ाइल चुनें। परिणाम उस ग्लिफ़ की संपादन विंडो में बाहरी रेखा की ज्यामिति है। उपयोगी फ़ॉन्ट बनाने से पहले स्थिति, आकार, बाहरी रेखाएं और अंतर अभी भी जांचने हैं।

स्रोत ड्रॉइंग हो तो यह अंतर महत्वपूर्ण है। ट्रेसिंग पिक्सेल से आकृतियां वापस बना सकती है। यह टाइपफेस की इच्छित बेसलाइन, अग्रिम चौड़ाई या अंतर की लय तय नहीं कर सकती। वर्णमाला आयात करने से पहले एक ग्लिफ़ से शुरू करके ये जांच पूरी करें।

ग्लिफ़ स्लॉट में आयात करें, सिर्फ खुली फ़ॉन्ट विंडो में नहीं

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

पहले गंतव्य जांचें। मौलिक लोअरकेस g जोड़ रहे हों तो इच्छित g स्लॉट संपादित करने की पुष्टि करें। g.svg नाम की फ़ाइल ग्लिफ़ और उसका मैपिंग जांचने का विकल्प नहीं। कोई बाहरी रेखा बदलने से पहले मौजूदा फ़ॉन्ट की प्रति सहेजें।

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

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

मूल वेक्टर उपलब्ध हों तो इस्तेमाल करें

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

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

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

ट्रेस किया अक्षर अभी भी कलाकृति की ज्यामिति है

हमने चौड़े अंदरूनी खाली भाग और साफ नीचे उतरते हिस्से वाला मौलिक रास्टर लोअरकेस g तैयार करके PerfectVector से बदला। मूल SVG में 3 बंद पाथ थे: लगभग सफेद कैनवस पृष्ठभूमि, काले अक्षर का बाहरी रूप और लगभग सफेद अंदरूनी आकृति। अंतर्निहित चित्र नहीं थे।

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

तुलना जांची बाहरी रेखा का प्रमाण दिखाती है, FontForge परीक्षण नहीं। हमने इस आउटपुट की बेसलाइन, em आकार, अग्रिम चौड़ाई या कर्निंग तय नहीं की। साफ नीचे उतरता हिस्सा बताता है कि ड्रॉइंग कहां तक जाती है; फ़ॉन्ट को बेसलाइन की जगह नहीं बताता।

मेट्रिक बदलने से पहले स्पष्ट बाहरी रेखाएं तैयार करें

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

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

तैयार कलाकृति आयात करने के बाद खुले सिरे, अनजाने ओवरलैप और स्वयं प्रतिच्छेदन जांचें। Element → Correct Direction बाहरी और अंदर की रेखाओं की बारी-बारी दिशा तय करता है, लेकिन स्प्लाइन पार होने पर अनपेक्षित परिणाम दे सकता है। कमांड पर भरोसे से पहले वे प्रतिच्छेदन हल करें। FontForge यह सीमा Element मेनू संदर्भ में बताता है।

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

ऊंचाई जांचने से पहले बेसलाइन मिलाएं

आयातित कलाकृति बहुत छोटी, बड़ी या इच्छित मूल बिंदु से हटकर आ सकती है। ग्लिफ़ के सभी बिंदु चुनकर साथ खिसकाएं या आकार बदलें। FontForge का आयात ट्यूटोरियल बाहरी रेखा सही जगह खिसकाना और Element → Transform → Transform से एकसमान पैमाना बदलना बताता है।

लोअरकेस g में सबसे निचला बिंदु बेसलाइन से न मिलाएं: वह नीचे उतरते हिस्से का है। अक्षर का शरीर इच्छित बेसलाइन और x-height के सापेक्ष रखें, नीचे उतरता हिस्सा नीचे रहने दें। उसी डिजाइन में पास के लोअरकेस ग्लिफ़ पहले से हों तो उनसे मिलाएं।

और अक्षर तैयार करते समय समान स्रोत निर्देशांक प्रणाली इस्तेमाल करें। FontForge ट्यूटोरियल 1,000 इकाई की प्रक्रिया देता है, जबकि Design With FontForge की आयात गाइड SVG के लंबवत निर्देशांक का ऊपर और नीचे के विस्तार से संबंध समझाती है। इन्हें समन्वित सेटअप निर्देश मानें, हर मौजूदा SVG को खींचकर वर्ग बनाने का नियम नहीं।

प्रति em अलग इकाइयों वाले फ़ॉन्ट को अनुरूप योजना चाहिए। इसी तरह हर अक्षर को अलग ऊंचाई के SVG पेज तक कसकर काटने से समान स्थिति के लिए जरूरी साझा संदर्भ खो सकता है। बाकी करने से पहले 1 या 2 ग्लिफ़ में वह संदर्भ स्थापित करें।

संदर्भ में अंतर तय करें

अक्षर की दिखाई देने वाली चौड़ाई और अग्रिम चौड़ाई अलग हैं। अग्रिम बताता है कि अगला अक्षर कहां शुरू हो; बाहरी रेखा के आसपास की खाली जगह शब्द की लय बनाती है।

Window मेनू से Metrics विंडो खोलकर दूसरे अक्षरों के पास ग्लिफ़ जांचें। FontForge का मेट्रिक ट्यूटोरियल बाहरी रेखा खिसकाकर बाईं तरफ का अंतर और अग्रिम चौड़ाई रेखा से दाईं तरफ का अंतर बदलना बताता है।

पहले g में पहले से बने ग्लिफ़ के साथ दोहराए अक्षर और छोटे संयोजन मिलाएं, जैसे gg, ng और go। सिर्फ बाहरी रेखा के बजाय खाली जगह देखें। दोनों तरफ की हर गलत चुनी गई डिफ़ॉल्ट खाली जगह की भरपाई के लिए कर्निंग इस्तेमाल न करें; पहले साधारण पड़ोसी अक्षरों में उचित अंतर बनाएं, फिर खास जोड़े संभालें।

SVG पेज पर केंद्रित दिखता ग्लिफ़ टेक्स्ट में असहज बैठ सकता है। उलटे, दोनों तरफ समान संख्या वाला अंतर हमेशा देखने में सही नहीं होता। SVG सीमा को ज्यामिति संदर्भ रखें और फ़ॉन्ट टेक्स्ट की पंक्ति में देखें।

सत्यापित करें और परीक्षण फ़ॉन्ट बनाएं

फ़ॉन्ट फ़ाइल बनाने से पहले संपादन योग्य FontForge परियोजना सहेजें। Save काम वाला स्रोत बचाता है; Generate Fonts TrueType या OpenType जैसा फ़ॉन्ट प्रारूप बनाता है। जांच और निर्माण ट्यूटोरियल यह अंतर बताता है।

तैयार ग्लिफ़ पर Element → Find Problems चलाएं। हर सुझाया बदलाव अपने आप स्वीकार करने के बजाय बताई समस्याएं देखें: FontForge बताता है कि कुछ निष्कर्ष जानबूझकर डिजाइन चुनाव हो सकते हैं। फिर ग्लिफ़ दृश्य रूप से दोबारा जांचें।

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

अक्सर पूछे जाने वाले सवाल

FontForge में SVG गलत आकार या जगह पर क्यों है? उसके स्रोत निर्देशांक और पेज माप फ़ॉन्ट के em तथा बेसलाइन सेटअप से मेल नहीं खा रहे हो सकते हैं। आयातित रेखा समान तरीके से खिसकाएं व आकार बदलें, फिर और ग्लिफ़ से पहले साझा निर्देशांक योजना बनाएं।

क्या PerfectVector ड्रॉइंग को पूरा फ़ॉन्ट बना सकता है? PerfectVector रास्टर कलाकृति को वेक्टर पाथ में बदलता है। ग्लिफ़ बाहरी रेखा, मैपिंग, मेट्रिक, अंतर और बनी फ़ॉन्ट फ़ाइल तैयार करने के लिए फ़ॉन्ट एडिटर अभी भी चाहिए।

अक्षर का अंदरूनी खाली भाग क्यों भरता है? जांचें कि दिखता खुला भाग सफेद ऊपरी आकृति है या नहीं, अंदर की रेखा मौजूद है या नहीं, और दिशा या प्रतिच्छेदन सुधारना है या नहीं। मूल SVG के सफेद पेज पर दिखने पर भरोसा करने के बजाय तैयार ग्लिफ़ का भराव जांचें।

क्या सभी SVG अक्षर एक साथ आयात करें? पहले एक प्रतिनिधि ग्लिफ़ पूरा करें। पैमाना, बेसलाइन, बाहरी रेखा और अंतर की पुष्टि करके बाकी अक्षरों पर समान तैयारी लागू करें। सामूहिक आयात डिजाइन मान आपके लिए तय नहीं कर सकता।

स्रोत

1. FontForge बाहरी रेखा आयात ट्यूटोरियल — ग्लिफ़ स्लॉट आयात, स्थिति, एकसमान पैमाना और समन्वित स्रोत माप।
2. FontForge File मेनू — आयात प्रकार, SVG समर्थन और स्रोत बनाम फ़ॉन्ट फ़ाइल काम।
3. FontForge Element मेनू — रेखा दिशा सुधार और प्रतिच्छेदन की सीमाएं।
4. Design With FontForge: ग्लिफ़ आयात — SVG निर्देशांक, ऊपर और नीचे के विस्तार का सेटअप।
5. FontForge मेट्रिक ट्यूटोरियल — तरफ का अंतर, अग्रिम चौड़ाई, संदर्भ में अंतर और कर्निंग।
6. FontForge जांच और निर्माण ट्यूटोरियल — समस्याएं देखना और उपयोगी फ़ॉन्ट प्रारूप बनाना।

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