टेक्स्ट को SVG में बदलें
<text> तत्व वाला SVG इस पर निर्भर करता है कि जहाँ वह खुले वहाँ फ़ॉन्ट उपलब्ध हो। टेक्स्ट को पथ डेटा में बदल दीजिए और यह निर्भरता ग़ायब हो जाती है: आकृतियाँ फ़ाइल के साथ ही चलती हैं, इसलिए हर ब्राउज़र, एडिटर और कटर में यह हूबहू वैसा ही दिखता है — और एक भी वेबफ़ॉन्ट अनुरोध नहीं।
टेक्स्ट को SVG में बदलेंआपको क्या वापस मिलता है
हर ग्लिफ़ के लिए एक पथ, आपके तय किए भराव नियम, भराव और स्ट्रोक के साथ, और हर ग्लिफ़ को अपनी id देने का विकल्प ताकि आप CSS या JavaScript में अक्षरों को अलग-अलग संबोधित कर सकें। जब पूरे शब्द के लिए एक ही पथ चाहिए तो इसके बजाय कंटूर वेल्ड कर दीजिए — कटर या आइकन सिस्टम आमतौर पर यही रूप पसंद करते हैं।
सही शेपिंग, महज़ ग्लिफ़ खोजना नहीं
टेक्स्ट HarfBuzz से शेप होता है, वही इंजन जिसे ब्राउज़र ख़ुद इस्तेमाल करते हैं, इसलिए कर्निंग जोड़े और लिगेचर लागू होते हैं और जटिल लिपियाँ ठीक बरतती हैं: अरबी अक्षर जुड़ते हैं, भारतीय क्लस्टर पुनःक्रमित होते हैं। वेरिएबल फ़ॉन्ट अक्ष और OpenType सुविधाएँ भी खुली हैं, इसलिए आउटलाइन करने से पहले वज़न या कोई स्टाइलिस्टिक सेट तय किया जा सकता है।
अपना फ़ॉन्ट इस्तेमाल कीजिए
सूची में 1,900+ ओपन-सोर्स परिवार हैं, और आप उनकी जगह अपना TTF या OTF भी डाल सकते हैं। अपलोड किए गए फ़ॉन्ट टैब में ही पढ़े जाते हैं और कहीं नहीं भेजे जाते, यानी लाइसेंस वाला व्यावसायिक फ़ॉन्ट भी आपकी मशीन पर ही रहता है।
सवाल
- टेक्स्ट को <text> ही क्यों न रहने दें?
- क्योंकि वह दो बार एक जैसा नहीं दिखेगा। ग़ैरमौजूद फ़ॉन्ट चुपचाप बदल दिया जाता है, और वेबफ़ॉन्ट एक नेटवर्क अनुरोध तथा बिना स्टाइल वाले टेक्स्ट की झलक जोड़ देता है। पथ स्थिर ज्यामिति हैं — जब भी फ़ाइल कोई लोगो, आइकन या मशीन के लिए हो, यह मेहनत वसूल है।
- क्या टेक्स्ट खोजने योग्य या सुलभ रहता है?
- आउटलाइन के बाद नहीं। शब्दों को अपने मार्कअप में aria-label या title तत्व में रखिए, और बाद के बदलावों के लिए एक संपादन योग्य स्रोत सँभालकर रखिए।
- क्या मैं अपना लाइसेंस वाला फ़ॉन्ट इस्तेमाल कर सकता हूँ?
- हाँ — TTF या OTF अपलोड कीजिए। यह ब्राउज़र में ही पढ़ा जाता है, इसलिए फ़ाइल कभी आपकी मशीन से बाहर नहीं जाती। जाँच लीजिए कि लाइसेंस आपके इच्छित उपयोग के लिए आउटलाइन करने की अनुमति देता है।