मेरी अपनी हैंडराइटिंग से फ़ॉन्ट बनाना

 (chameth.com)
1 पॉइंट द्वारा GN⁺ 2025-09-07 | 1 टिप्पणियां | WhatsApp पर शेयर करें
  • पर्सनल वेबसाइट की अलग पहचान उभारने के लिए खुद हैंडराइटिंग फ़ॉन्ट बनाने की कोशिश की गई
  • FontForge और Inkscape जैसे open source tools का इस्तेमाल सहज नहीं लगा और काफ़ी असुविधा हुई
  • आखिरकार Calligraphr की paid service के ज़रिए हैंडराइटिंग फ़ॉन्ट को आसानी से बनाया और संशोधित किया जा सका
  • बार-बार सूक्ष्म समायोजन और सुधार का काम करना पड़ा, लेकिन अंतिम नतीजे से संतोष मिला
  • Calligraphr की user-friendly business policy ने भी अच्छा प्रभाव छोड़ा, इसलिए इसकी सिफारिश की गई

पर्सनल वेबसाइट में अलग पहचान जोड़ने की कोशिश

  • वे चाहते थे कि उनकी वेबसाइट नीरस कॉर्पोरेट साइटों से अलग ज़्यादा व्यक्तिगत और अनोखा माहौल रखे
  • डिज़ाइन में छोटे बदलाव लाने के लिए वे पहले से इमेज, लिंक आदि में अलग तरह के इफ़ेक्ट जोड़ते रहे थे
  • मौजूदा monospace फ़ॉन्ट की जगह हैंडराइटिंग जैसा cursive style लागू करना चाहते थे, लेकिन उपयुक्त फ़ॉन्ट नहीं मिला, इसलिए खुद बनाने का फ़ैसला किया

open source tools के साथ कोशिश और असफलता

  • Inkscape और FontForge जैसे open source tools की मदद से vector-based फ़ॉन्ट बनाने की कोशिश की गई
    • graphic tablet का इस्तेमाल करके बड़े अक्षर A, B, C लिखे, उन्हें SVG के रूप में सेव किया और फिर font editor में import करने की कोशिश की
    • FontForge के असुविधाजनक user experience और कम सहज UI से काफ़ी निराशा हुई
    • file selection, import process, SVG लोड करना जैसी बुनियादी चीज़ों में भी बहुत trial and error और झंझट का सामना करना पड़ा
    • glyph editing के दौरान curves संभालने वाले Bezier handles को नियंत्रित करना भी असुविधाजनक लगा
    • बार-बार error messages और उलझाऊ path navigation के कारण बीच में ही छोड़ देना पड़ा
  • Inkscape की SVG फ़ॉन्ट बनाने की सुविधा भी आज़माई, लेकिन हर glyph को एक single path में merge करना पड़ता था और vector editing की जानकारी चाहिए होती थी, इसलिए यह जटिल और अप्रभावी प्रक्रिया लगी

paid web service (Calligraphr) का चयन

  • कई open source tutorials खोजते हुए Calligraphr नाम की एक closed-source service के बारे में पता चला
    • free version में ligatures, अलग-अलग variants और 75 glyphs की सीमा जैसी पाबंदियाँ हैं, लेकिन 1 महीने का one-time payment करके premium features इस्तेमाल किए जा सकते हैं
    • बिना auto-renewal के एक बार भुगतान करके सेवा इस्तेमाल करने का तरीका और इसकी transparent pricing policy बहुत सराही गई
  • Calligraphr इस्तेमाल करने का तरीका
    • template प्रिंट करके उस पर हाथ से लिखना, फिर उसे scan करके service पर upload करना
    • template में चुने गए अक्षर, चिन्ह, ligatures आदि कई तरह के रूप शामिल किए जा सकते हैं
    • कई versions बनाकर उनका मूल्यांकन और चयन किया जा सकता है, और ब्लॉग शीर्षक के अनुरूप custom ligatures भी जोड़े गए
    • Sharpie pen का इस्तेमाल करके मोटी और साफ़ लिखावट से एक खास पहचान दी गई
    • iPhone की document scanning feature का इस्तेमाल करके PDF में scan कर upload किया गया

फ़ॉन्ट का बार-बार सुधार और सूक्ष्म समायोजन

  • Calligraphr की web UI के ज़रिए फ़ॉन्ट preview और सीधे लागू करके test करना संभव था
    • असली वेबसाइट पर फ़ॉन्ट लागू करके विभिन्न आकारों पर readability और design की जाँच की गई
  • पहले version में letters baseline से ठीक से align नहीं थे, जिससे संतुलन बिगड़ रहा था; इसे position और size adjustment features से बारीकी से ठीक किया गया
  • अक्षरों के बीच की दूरी (kerning) कम करके हैंडराइटिंग जैसी स्वाभाविक जुड़ाव भावना दी गई
  • कुछ glyphs में glyph area के बाहर scan हुआ noise शामिल था, जिससे अजीब spacing बन रही थी
    • सिर्फ चौड़ाई कम करने पर वाक्य में अलग पड़े dots बचे रह जाते थे
    • editing tool से अनावश्यक pixels पूरी तरह हटाकर इसे ठीक से सुधार लिया गया
  • यह दोहराव वाला काम उल्टा मज़ेदार लगा, क्योंकि सुधार आँखों के सामने साफ़ दिखाई दे रहे थे

नतीजा और Calligraphr service के साथ सकारात्मक अनुभव

  • तैयार फ़ॉन्ट ने वेबसाइट के header, caption आदि में असली हैंडराइटिंग जैसा एहसास दिया और चाही गई अलग पहचान पूरी की
  • Sharpie की मोटाई की वजह से छोटे आकार के टेक्स्ट में भी readability बहुत अच्छी रही
  • open source tools की तुलना में कम समय और कम लागत में नतीजा तैयार करने की दक्षता स्पष्ट महसूस हुई
  • subscription समाप्त होने के बाद भी Calligraphr उपयोगकर्ता डेटा का automatic backup (export) देकर उपलब्ध कराता है
    • JSON format में सभी glyph information और image data सुरक्षित रहता है, जिसे बाद में फिर से subscribe करने या अतिरिक्त editing के लिए इस्तेमाल किया जा सकता है
    • पहले से स्पष्ट policy, बार-बार भुगतान के लिए दबाव नहीं, और data की transparent उपलब्धता जैसी user-friendly business practices ने गहरा प्रभाव छोड़ा
  • अगर कोई यही काम आज़माना चाहता है, तो Calligraphr की सरलता और customer-focused service की वजह से भी यह एक सिफारिश योग्य अनुभव है

संबंधित पढ़ाई

1 टिप्पणियां

 
GN⁺ 2025-09-07
Hacker News राय
  • 2013 में अपनी शादी की वेबसाइट के लिए मैंने भी कुछ ऐसा ही किया था। डाक सेवा का इस्तेमाल करके एक ठीक-ठाक TTF बनाया, और उसे WOFF में कन्वर्ट किया। वह अभी भी https://ruthandjosh.net/story/ पर ऑनलाइन है (millennial भावनाओं से सावधान)
    • आज के दौर में किसी लिंक के साथ साइट को ज़िंदा बनाए रखना वाकई कमाल की बात है
    • यह कहानी सच में बहुत सुंदर है, मुझे इसमें ज़रा भी बनावटीपन नहीं लगा
    • यह प्यारी-सी नॉस्टैल्जिक चीज़ साझा करने के लिए धन्यवाद, इससे हफ़्ते का बहुत अच्छा अंत हुआ। शब्बात शालोम
    • यह साइट सच में शानदार है। इसका डिज़ाइन और लेआउट उल्टा timeless लगता है
    • मैं जानना चाहता हूँ कि क्या Ruth ने सच में विमान में अकेले शैम्पेन पी थी
  • मैं इस मेहनत और यात्रा की सराहना करता हूँ। open source विकल्प छोड़कर सस्ते विकल्प के जरिए अपनी चीज़ पर मालिकाना रखने का यह ईमानदार फैसला मुझे अपने जैसा लगता है। मेरी कहानी भी कुछ ऐसी ही है। मैं भी self-taught creative हूँ, इसलिए कभी-कभी किसी खास skill या tool को बस आज़माने की ज़िद कर बैठता हूँ। पता नहीं यह sunk cost है या perfectionism। साइट का डिज़ाइन सच में व्यक्तित्व से भरा है। PS: मैंने अपने Firefox ब्राउज़र में इसे fonts, developer-blog, creative-sites, boutique-designs के नाम से बुकमार्क किया है
  • मेरी हैंडराइटिंग सच में बहुत खराब है, और जितना ज़्यादा लिखता हूँ उतनी ही खराब होती जाती है। एक दुष्चक्र है। लिखावट खराब होने से मैं सब कुछ टाइप करने लगता हूँ, और अभ्यास न होने से यह और बिगड़ती जाती है। अगर मैं अपनी हैंडराइटिंग से फ़ॉन्ट बनाऊँ, तो शायद उसे password hash की तरह भी इस्तेमाल किया जा सकता है। फिर भी, यह विचार मुझे पसंद है। ऐसा नहीं लगता कि हाथ से लिखने की तुलना में संदेश टाइप करना कम व्यक्तिगत है, लेकिन असल में थोड़ा कम व्यक्तिगत महसूस होता है। शायद handwritten font उस एहसास की कुछ भरपाई कर सके
    • black metal बैंड के album cover के लिए यह फ़ॉन्ट बढ़िया बैठेगा
    • मुझे लगता है कि "जब कोई आसान तरीका मौजूद हो तो लोग skill सीखने की ज़रूरत ही महसूस नहीं करते और धीरे-धीरे सीखने का मौका खो देते हैं" — यह आजकल बहुत गंभीर समस्या है। लोग आसान systems का इस्तेमाल करना सीखते-सीखते असली skill नहीं, बस system चलाना सीखते हैं। उदाहरण के लिए, मेरा roommate सिर्फ knife sharpening system इस्तेमाल कर सकता है, हाथ से चाकू तेज़ नहीं कर सकता। system के बिना कुछ नहीं कर पाता। आजकल ऐसे लोग बहुत हो गए हैं। बस manual फ़ॉलो करते हैं, पर क्यों कर रहे हैं इसकी समझ से उनका कोई रिश्ता नहीं होता। समाज के स्तर पर भी बुनियादी क्षमताएँ काफ़ी कमज़ोर हुई हैं, और मुझे लगता है कि इसकी वजह capitalism है, जिसने हर चीज़ को समय बचाने के लिए पैसे देने वाली संरचना में बदल दिया है
  • जहाँ तक मुझे पता है, Microsoft Font Maker अभी भी Windows Ink stylus पर मुफ़्त में काम करता है (हालाँकि गुणवत्ता थोड़ी कम हो सकती है)। याद नहीं कि पहले मैंने क्या इस्तेमाल किया था, लेकिन शायद वह Windows Tablet PC के PowerToy में शामिल था। https://apps.microsoft.com/detail/9n9209f8s3vc?hl=en-US&gl=US
  • बचपन में मेरे साथ दुर्व्यवहार हुआ था, इसलिए मेरी हैंडराइटिंग बहुत खराब है। cursive भी ठीक से नहीं लिख पाता। अगर मेरी हैंडराइटिंग से बना कोई फ़ॉन्ट होता, तो सब कहते, "वाह, इसके माता-पिता तो काफ़ी गैरज़िम्मेदार रहे होंगे।" Microsoft Word में फ़ॉन्ट का नाम शायद "Danny Wets The Bed" दिखता। मज़ाक अलग, लेख बहुत अच्छा था और पोस्ट शानदार है
  • किशोरावस्था में मैंने अपनी पसंद की एक लड़की की हैंडराइटिंग से ttf-font बनाकर उसे उपहार दिया था। मैंने उस काम की कठिनाई को सच में बहुत कम आँका था। Corel Draw Suite में शामिल टूल इस्तेमाल किया, उसके लिखे हुए alphabet को scan किया, और हर अक्षर को हाथ से vectorize किया। बहुत ही मेहनत वाला काम था। उस बात को 25 साल हो चुके हैं, और आज भी उस उम्र के अपने मासूम जुनून पर हैरानी होती है। सिर्फ एक जन्मदिन का उपहार बनाने के लिए मैंने बेहिसाब समय लगा दिया, जबकि ज़्यादातर समय मुझे यह भी नहीं पता था कि मैं कर क्या रहा हूँ। आखिरकार मैंने इसे पूरा कर लिया, लेकिन शायद यह इसलिए संभव हुआ क्योंकि मुझे कुछ पता ही नहीं था
    • mix tape से तो कहीं बेहतर है। मेरी हैंडराइटिंग में कुछ देना तो सज़ा जैसा होगा
    • फिर उसके बाद तुम्हारा उसके साथ क्या हुआ, यह जानने की जिज्ञासा है। वह मेहनत वाकई सार्थक थी या नहीं, और क्या उसका happy ending हुआ
  • मैं सोच रहा हूँ कि क्या तकनीक अब इतनी आगे बढ़ चुकी है कि इसे असली हैंडराइटिंग से अलग पहचानना मुश्किल हो। अगर इसका इस्तेमाल करके स्कूल या कॉलेज के प्रोफेसरों द्वारा दिए गए handwritten assignments पूरे किए जाएँ, तो क्या बिना पकड़े काम चल सकता है? यह पूरी तरह काल्पनिक स्थिति है, ज़ाहिर है
  • मैं जानना चाहता हूँ कि Amy Goodchild ने जो तरीका अपनाया ( https://www.amygoodchild.com/blog/cursive-handwriting-in-javascript ) उसे किसी असली फ़ॉन्ट फ़ाइल में बदलने का कोई तरीका है या नहीं
    • शायद यह Chaikin's paths को Bézier curves में "translate" करने की समस्या होगी। फिर इसे Metafont font में बदला जा सकता है, और वहाँ से ttf, otf वगैरह में कन्वर्ट करना भी संभव होना चाहिए
  • कुछ और लोग भी इसी तरह के रास्ते पर चले हैं
    • और एक शानदार पुराना Tekton font भी है। यह architect Frank D.K. Ching की हैंडराइटिंग पर आधारित था, लेकिन असली डिज़ाइन Adobe के David Siegel ने किया था
  • यह सच में बहुत शानदार काम है। साझा करने के लिए धन्यवाद। मैं इस समय बच्चों के साथ एक workshop की तैयारी कर रहा हूँ, जहाँ मैं चाहता हूँ कि बच्चे अपनी खुद की वेबसाइट या webapp को "खुद ड्रॉ करके" अनुभव करें। अब तक मैं फ़ॉन्ट बनाने वाला हिस्सा शामिल नहीं कर पाया था क्योंकि मुझे तरीका पता नहीं था, लेकिन अब पता चल गया। बहुत-बहुत धन्यवाद! अगर किसी के पास ऐसी workshop को और मज़ेदार बनाने के विचार हों तो जानना चाहूँगा। जैसे कागज़ पर prototype बनाकर उसे असली clickable dummy में बदलना, ताकि analog और digital के बीच एक स्वाभाविक पुल बन सके। वैसे, यहाँ जिन बच्चों की बात हो रही है उनकी उम्र 8–10 साल है
    • नमस्ते, अगर आप स्वीकार करें तो मैं भी इसमें योगदान देना चाहूँगा। मैं अपने गृहनगर के बच्चों को creative tech सिखाना चाहता था। मैं Nigeria/Africa में हूँ, और JavaScript को single quotes और semicolons के बिना लिखता हूँ