TrueType QR Code फ़ॉन्ट - सिर्फ़ फ़ॉन्ट से QR कोड बनाना

 (qr.jim.sh)
4 पॉइंट द्वारा GN⁺ 3 시간 전 | 2 टिप्पणियां | WhatsApp पर शेयर करें
  • square brackets में घिरे टेक्स्ट को QR code में बदलने वाला TrueType/OpenType फ़ॉन्ट, जिससे image generate किए बिना document के अंदर QR code डाला जा सकता है
  • conversion फ़ॉन्ट के अंदर मौजूद OpenType rules संभालते हैं, और square brackets के बाहर का टेक्स्ट सामान्य Latin text की तरह वैसा ही दिखता है
  • QR code block भी टेक्स्ट के रूप में रहता है, इसलिए copy-paste, plain text में save करना, और सामान्य वाक्यों के साथ inline placement संभव है
  • browser shaping से पहले line break तय करता है, इसलिए spaces, dots, slashes जैसी जगहों पर QR code कई lines में टूट सकता है
  • HTML में स्थिर रूप से दिखाने के लिए square bracket block को white-space: nowrap; या display: inline-block; लागू किए गए container में wrap करना चाहिए

फ़ॉन्ट QR code कैसे बनाता है

  • Jim's TrueType QR Code Font एक वास्तविक TrueType/OpenType फ़ॉन्ट है, और [hello] की तरह input किए गए square brackets के अंदर के टेक्स्ट को QR code के रूप में render करता है
  • QR code generation फ़ॉन्ट के अंदर मौजूद OpenType rules से संभलता है, इसलिए अलग से image generation या preprocessing step की ज़रूरत नहीं होती
  • square brackets के बाहर का टेक्स्ट पढ़ने योग्य सामान्य Latin text के रूप में रहता है
  • square brackets के अंदर printable ASCII का इस्तेमाल करना चाहिए
  • हर फ़ॉन्ट की supported length इस प्रकार है
    • QR Font 1-L: प्रति block अधिकतम 17 characters
    • QR Font 2-L: प्रति block अधिकतम 32 characters
    • QR Font 3-L: प्रति block अधिकतम 53 characters
    • Plain Sans: QR parsing नहीं
  • सामान्य text Liberation Sans से derived typeface में दिखता है

टेक्स्ट के रूप में रहने वाला QR code और display से जुड़ी सावधानियां

  • QR code टेक्स्ट के रूप में बना रहता है, इसलिए rendered QR block को सामान्य characters की तरह copy-paste किया जा सकता है, plain text के रूप में save किया जा सकता है, या Latin text के साथ inline mix किया जा सकता है
  • browser layout engine shaping से पहले Unicode text के आधार पर line breaks करता है
    • अगर spaces, dots, slashes जैसे line-breakable characters हों और text container के end तक पहुंच जाएं, तो QR code कई lines में बंट सकता है
    • HTML में stable rendering के लिए square bracket block को white-space: nowrap; या display: inline-block; style लागू किए गए container में wrap करना चाहिए
  • Download और source

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

2 टिप्पणियां

 
xguru 3 시간 전

यह अच्छा है। लगता है कभी न कभी काम आ सकता है।
GeekNews में इसे शामिल करना कैसा रहेगा, ऐसा लगता है, लेकिन इसके लिए उपयुक्त उपयोग कहाँ होगा यह समझ नहीं आ रहा।

टेक्स्ट-आधारित चीज़ों के लिए उपयुक्त फीचर्स GeekNews में लगातार जोड़े जा रहे हैं।

Datatype - टेक्स्ट को चार्ट में बदलने वाला variable font
Google, श्वेत-श्याम emoji font Noto Emoji जारी
 
GN⁺ 3 시간 전
Lobste.rs की राय

  • QR कोड में कंटेंट कहाँ encode होता है यह दिखाने का तरीका अच्छा है। यह flow साफ दिखता है कि यह नीचे दाईं ओर से शुरू होकर ऊपर-नीचे zigzag चलता है और दाईं से बाईं ओर भरता जाता है।
    हालांकि अगर यही मकसद था, तो position/alignment/timing markers को ] का इंतज़ार करने के बजाय [ पर ही तुरंत भर दिया जाता, तो बनाने की प्रक्रिया और बेहतर दिखती। बेशक, ] पर process करने से अजीब intermediate states या बहुत लंबे values को गलती से code समझ लिए जाने से बचाया जा सकता है—यह बात भी समझ आती है।

  • बढ़िया। हाल ही में हमारे business में इस्तेमाल हो रहा QR code एक paid QR code generator के पीछे hijack हो जाने वाली scam का शिकार हो गया।
    हमें और सावधान रहना चाहिए था, लेकिन web-based JavaScript QR encoder और scammy QR services में फर्क करना मुश्किल था। उम्मीद है ऐसे खुले विकल्प search engine optimization में बेहतर करें, ताकि जिन्हें बहुत गहराई से पता होना जरूरी नहीं है, वे भी scams से बच सकें।

    • आम तौर पर JavaScript QR generation library खोजकर GitHub से demo page पर जाता हूँ :p
    • मैंने QR code कभी scan नहीं किया। अगर कोई restaurant menu देखने के लिए QR code जरूरी बताता है, तो मैं बस बाहर निकल जाता हूँ।
    • GHCQ का CyberChef इस्तेमाल कर सकते हैं। यह downloadable web page है।

  • आह, OpenType के Turing-complete होने के बारे में सोचें तो यह उम्मीद करनी चाहिए थी।

    • चुनौती: किसी तरह OpenType में Doom चलाकर देखें।

  • अच्छा होगा अगर site में एक temporary button हो जो थोड़ी देर के लिए उसका अपना font set करने की अनुमति दे।

  • शायद सिर्फ मेरे साथ है, लेकिन mobile पर यह काम करता नहीं दिख रहा। selection box में कोई भी font चुनूँ, दोनों normal text जैसे दिखते हैं।
    Android के Brave browser में check किया।

    • संदर्भ के लिए, iOS Safari में यह ठीक काम करता है।
    • Android के Firefox में काम करता है। Chrome नहीं है, इसलिए check नहीं कर सका।

  • QR content का text copy करने वाला feature Chrome में टूटा हुआ लगता है। निजी तौर पर, शानदार OpenType hack को छोड़ दें तो यह सबसे बड़ा फायदा लगता है, लेकिन QR को select करके copy करने पर सिर्फ closing square bracket मिलता है।

    • मैंने भी यही देखा। यह double click द्वारा select की जाने वाली range की समस्या के ज्यादा करीब लगता है।
      अगर selection को drag करके पूरे QR को पक्का include कर दें, तो पूरा text भी साथ copy हो जाता है।