Shantell Sans (2023)

 (shantellsans.com)
1 पॉइंट द्वारा GN⁺ 2 시간 전 | 1 टिप्पणियां | WhatsApp पर शेयर करें
  • Shantell Sans एक variable font है, जो Weight, Italic, Informality, Bounce, और Spacing axes के साथ रोज़मर्रा के उपयोग वाले फ़ॉन्ट से लेकर animation के लिए experimental styles तक उपलब्ध कराता है
  • यह Shantell Martin की handwriting और dyslexia के अनुभव से शुरू हुआ, और इसका लक्ष्य ऐसा accessible typeface बनाना है जो मज़ेदार और playful हो, लेकिन professional इस्तेमाल के लिए भी उपयुक्त रहे
  • इसने Comic Sans की व्यापक पहचान और आसानी से पढ़े जाने वाले प्रभाव से प्रेरणा ली, लेकिन यह उसका derivative नहीं है; यह felt-tip marker handwriting को एक digital font में व्यवस्थित करता है
  • Roboto के क़रीब metrics, चौड़ी glyph widths और letter spacing, और स्पष्ट रूप से अलग बनाए गए b·d·p·q तथा I·1 डिज़ाइन इसकी readability बढ़ाते हैं
  • Google Fonts और OFL के तहत open release के कारण यह मुफ़्त वितरित होता है, और Latin·Cyrillic आधारित 380 से अधिक भाषाओं के साथ Google Docs उपयोग को support करता है

Shantell Sans की शुरुआत

  • Shantell Sans एक variable font है जो Shantell Martin की handwriting पर आधारित है, और यह एक साथ friendly रोज़मर्रा की शैली और animation के अनुकूल experimental styles प्रदान करता है
  • Shantell Martin को बचपन में spelling test पास न कर पाने के कारण detention में बैठना पड़ता था, लेकिन उन्हें शब्द पसंद थे और वे लिखाई व चित्रों के माध्यम से अपनी भावनाएँ व्यक्त करती रही हैं
  • 20 या 21 साल की उम्र में उन्हें पता चला कि उन्हें dyslexia है, और Central Saint Martins में art degree शुरू करते समय उन्हें लगा कि कई creative लोगों को dyslexia होता है
  • पढ़ने और लिखने में उनकी कठिनाइयों को पहचान न पाने वाले शिक्षकों ने सहयोग देने के बजाय सज़ा दी—इस बात से निराशा थी; उनकी अपनी handwriting और अक्षरों पर आधारित यह font ऐसा माध्यम बना जिससे लोग, शब्दों के साथ अपने संबंध जैसा भी हो, पढ़ और लिख सकें
  • लक्ष्य ऐसा फ़ॉन्ट बनाना था जो मज़ेदार और playful हो, लेकिन professional और usable भी हो; वे ऐसा accessible font चाहती थीं जो याद दिलाए कि शब्द भी चित्र हैं और वे अपने-अपने तरीक़े से मौजूद हो सकते हैं
  • Stephen Nixon ने Latin alphabet, numerals और symbols को handwriting में लिखने के लिए ruled template भेजा, और उसी handwriting का उपयोग करके digital font बनाया गया

सार्वजनिक रिलीज़ और शुरुआती उपयोग

  • Open Font License के तहत Shantell Sans को जारी किया गया ताकि अधिक लोग बिना किसी लागत के इसे उपयोग कर सकें; Google Fonts के licensing explanation जैसी public distribution पद्धतियाँ इसकी उपयोगिता बढ़ाती हैं
  • मुफ़्त उपलब्धता इसे Google Fonts और अन्य platforms के ज़रिए व्यापक रूप से इस्तेमाल योग्य बनाती है, और किसी जीवित artist द्वारा बनाया गया typeface दूसरे artists की typography रचना को प्रेरित कर सकता है
  • Shantell Sans, Shantell Martin की handwriting पर आधारित होने के कारण काफ़ी व्यक्तिगत स्वभाव रखता है, लेकिन public release का अर्थ यह भी है कि जो चीज़ मूलतः अपनी है उस पर से कुछ नियंत्रण छोड़ना
  • उम्मीद है कि बच्चे और युवा Shantell Sans का उपयोग करें और उसकी निर्माण-पृष्ठभूमि को जानें; यह व्यक्तिगत projects और बड़े design projects, दोनों में अप्रत्याशित तरीक़ों से उपयोग हो सकता है

  • शुरुआती उपयोग

    • Whitney Museum shop के keytag design में Shantell Sans type का उपयोग हुआ, और इसका निर्माण Various Keytags ने किया
    • Cash App के काम में Cash Card के पीछे cash tag, numbers और अन्य जानकारी Shantell Sans में डाली गई
    • collaborative drawing web app tldraw Shantell Sans को default font के रूप में उपयोग करता है
    • फ़ोन से वेबसाइट बनाने वाला app univer.se Shantell Sans को अपने web building templates में उपयोग करता है
    • Shantell Sans को Google Fonts, Google Docs, और GitHub open repository download से उपयोग किया जा सकता है

डिज़ाइन लक्ष्य और Comic Sans का प्रभाव

  • Stephen Nixon ने बताया कि जब Shantell Martin ने उनसे “usable, visually pleasing, smart, and creative typeface” बनाने की बात की, तो उन्हें Shantell की बड़ी murals और उनकी exploratory, semi-improvised, playful line work याद आई
  • “नई Comic Sans” बनाना चाहने वाली अभिव्यक्ति एक अहम संकेत थी; Comic Sans की सांस्कृतिक सर्वव्यापकता और भावनात्मक प्रतिक्रिया से प्रेरणा ली गई, लेकिन यह उसे सीधे derivation या नया version बनाकर तैयार किया गया project नहीं था
  • Comic Sans को Vincent Connare ने 1994 में Microsoft Bob के लिए डिज़ाइन किया था, और यह Windows तथा Mac operating systems में preinstalled होने के कारण व्यापक रूप से इस्तेमाल हुआ
  • Comic Sans का उपयोग Ty Beanie Babies की 5th generation के बाद के tags से लेकर Higgs Boson particle पर 2012 CERN announcement तक, कई जगहों पर हुआ

  • पाँच मानदंड

    • इसे everyday users को appeal करना चाहिए था; यह सिर्फ typography enthusiasts के लिए फ़ॉन्ट नहीं होना चाहिए था
    • इसे विविध तरह के communication में आसानी से लिखा जा सकने वाला होना चाहिए था
    • इसे बहुत से लोगों द्वारा उपयोग योग्य और accessible होना चाहिए था
    • इसमें high legibility और easy readability होनी चाहिए थी
    • इसे मौजूदा क्षेत्र को दोहराने के बजाय कुछ नया करना चाहिए था

Latin-आधारित डिज़ाइन और निर्माण

  • रोज़मर्रा की अपील

    • रोज़मर्रा की अपील के लिए Comic Sans की तरह felt-tip marker handwriting को आधार बनाया गया, और Shantell Martin की handwriting ही शुरुआती बिंदु बनी
    • handwriting की कुछ विशेषताएँ रखी गईं, लेकिन समग्र प्रभाव को digital form के अनुरूप सरल बनाया गया

  • व्यापक उपयोग में आसान इस्तेमाल

    • आधुनिक फ़ॉन्ट्स की सामान्य proportions और style expectations के अनुरूप cap-height, x-height, default line height जैसी font metrics को Roboto जैसे व्यापक रूप से इस्तेमाल होने वाले फ़ॉन्ट्स के क़रीब सेट किया गया
    • पढ़ने में आसानी बनाए रखने और Shantell की लिखाई के साथ visual consistency मिलाने के लिए average से थोड़ी चौड़ी glyph widths और letter spacing का उपयोग किया गया
    • इसे वेबसाइट, app और presentation जैसे रोज़मर्रा के माहौल में आसानी से इस्तेमाल करने योग्य बनाया गया, ताकि बड़े size में इसकी personality उभरे और छोटे body text में भी यह ठीक से काम करे

  • भाषा समर्थन और वितरण

    • Shantell Sans, Google Fonts glyphsets Latin Plus और Cyrillic Plus का पालन करता है और थोड़ा आगे भी जाता है, तथा Latin और Cyrillic scripts का उपयोग करने वाली 380 से अधिक भाषाओं को support करता है
    • इसकी support range यूरोप, अमेरिका और मध्य एशिया की Latin तथा Cyrillic आधारित भाषाओं तक फैली है
    • Google Fonts support और OFL license release के ज़रिए इसे मुफ़्त उपयोग योग्य open-source font के रूप में वितरित किया जा सका

  • आसानी से पहचाने जाने वाले अक्षर

    • b, d, p, q और n, u को सरल shape contrast और उचित ढंग से रखे गए terminals के माध्यम से एक-दूसरे से स्पष्ट रूप से अलग दिखने के लिए डिज़ाइन किया गया
    • क्योंकि Shantell Martin कभी-कभी uppercase I और numeral 1 दोनों को एक सीधी रेखा की तरह लिखती थीं, इसलिए uppercase I में serif और 1 में flag जोड़कर उन्हें अलग किया गया
    • handwriting-आधारित फ़ॉन्ट होने के कारण a और g में वह single-story form अपनाई गई जो बच्चे स्कूल में सीखते हैं, ताकि वह friendly और familiar लगे

  • variable axes और OpenType features

    • सिर्फ़ अच्छा weight range ही नहीं, बल्कि आधुनिक typography features खोजने वाले designers और developers के लिए इसे variable font के रूप में विस्तृत style range देना ज़रूरी था
    • Shantell Martin के काम के मुक्त और organic माहौल को experimental axes में लाने के लिए Weight, Italic, Informality, Bounce, और Spacing के पाँच variable axes बनाए गए
    • सूक्ष्म typography needs के लिए tabular vs proportional figures, fractions, और localized forms जैसे OpenType features भी शामिल किए गए
    • Inkwell, Cortado, और Studio Lettering जैसे handwriting-आधारित फ़ॉन्ट्स की craft details से प्रेरणा लेकर, सिर्फ़ auto-traced felt marker font का एक और संस्करण बना देने वाले तरीके से बचा गया

आकृति-निर्धारण और experimental axes

  • Shantell Martin ने medium-weight felt-tip marker Staedtler Lumocolor M चुना और uppercase·lowercase pangram, numbers, punctuation, symbols और accented characters वाले कुछ शब्द लिखे
  • scan copies को pen stroke centerline के साथ trace किया गया, फिर उन्हें Light और ExtraBold strokes तक expand किया गया
  • मूल handwriting में सामान्य पढ़े जाने वाले फ़ॉन्ट्स की तुलना में size और rhythm में अधिक variation था, इसलिए letter height, width और spacing को कुछ हद तक normalize करके consistent बनाया गया
  • t और f की crossbars का मुख्य vertical stroke के बाएँ न निकलना, A और R का ऊपर-बाएँ से शुरू होना, P का नीचे-बाएँ से शुरू होने वाला simple loop होना, और M तथा W का continuous waves होना—ये सब बनाए रखा गया
  • अंतिम दिशा यह थी कि Shantell की लिखाई को रोचक बनाने वाली हल्की sharpness और contrast को बचाया जाए, साथ ही thickness को थोड़ा अधिक uniform बनाया जाए और smooth semi-rounded ends दिए जाएँ
  • इस संतुलन ने marker writing का एहसास बनाए रखते हुए इसे digital form में accessible और warm दिखने लायक बनाया

  • Bounce और Informality

    • normalized base font के आधार पर scanned handwriting samples की irregularity को फिर से शामिल करते हुए अतिरिक्त styles बनाए गए
    • irregularity पूरी तरह random नहीं थी; उसमें दोहराए जाने वाले गुण थे—जिन अक्षरों में ज़्यादा crossbars थीं वे ऊँचे दिखते थे, और जिनमें ज़्यादा vertical strokes थीं वे चौड़े और नीचे दिखते थे
    • फ़ॉन्ट इतना अव्यवस्थित न हो जाए कि उसकी उपयोगिता ही समाप्त हो जाए, इसके लिए अधिक personality जोड़ने और उसे “font जैसा” बनाए रखने के बीच संतुलन ज़रूरी था
    • hand-drawn source और buildable source को अलग करके अंतिम फ़ॉन्ट के Bounce और Informality axes बनाए गए
    • Bounce style glyphs को ऊपर-नीचे shift करने वाली script से बनाया गया, और Informal style “normalized” main source और “irregular” main source के बीच interpolate करके तैयार किया गया
    • सभी sources में letters, numbers और प्रमुख symbols के कई alternate glyphs शामिल थे, और अंतिम फ़ॉन्ट इन alternate glyphs को pseudo-random तरीके से घुमाकर energetic handwriting जैसा प्रभाव देता है
    • variable axes होने के कारण इन effects को subtle से prominent तक नियंत्रित किया जा सकता है, और font system के भीतर cohesive design वाले animation type का उपयोग आसानी से किया जा सकता है

  • Google Fonts और open-source विस्तार

    • क्योंकि Shantell Martin open-source release में रुचि रखती थीं, इसलिए इस बात पर चर्चा हुई कि क्या Google Fonts व्यापक user base के लिए expansion को sponsor कर सकता है
    • Google Fonts के समर्थन से पूरा Italic style set बनाया गया और style range को विस्तार दिया गया
    • ऐसा experimental Spacing axis जो उस समय उपयोगी हो सकता है जब software by default character spacing adjustment को support नहीं करता, भी जोड़ा गया
    • Latin script को Vietnamese characters और अधिक currency symbols के साथ विस्तारित किया गया, और Cyrillic के जुड़ने से एक बिल्कुल नए language set को support मिल गया

Shantell Sans की Cyrillic डिज़ाइन

  • Cyrillic एक script है जिसका उपयोग Eurasia की कई भाषाओं में होता है, जैसे Bulgarian, Serbian, Russian, Belarusian, Ukrainian, Tatar, Bashkir आदि
  • Cyrillic डिज़ाइन प्रक्रिया, Latin डिज़ाइन के काफ़ी समान है, लेकिन किसी विशिष्ट व्यक्ति की handwriting से प्रेरित non-traditional forms में यह अधिक कठिन हो सकती है
  • handwriting typeface के लिए दूसरी script पर काम करना कविता के अनुवाद जैसा है: उसमें target language की संरचना का उपयोग करते हुए उसका अनोखा tone बनाए रखना होता है
  • Cyrillic में upright या “printed”, italic, और cursive forms होते हैं, और कुछ italic तथा cursive forms सामान्य printed forms से संरचनात्मक रूप से अलग होते हैं
  • Shantell Martin की handwriting में cursive और printed forms का मिश्रण है, लेकिन वे केवल Latin लिखती हैं, इसलिए यह तय करना पड़ा कि कौन-से Cyrillic letters cursive में लिए जाएँ और कौन-से printed में
  • Shantell Martin से कुछ Russian sentences लिखवाए गए ताकि यह समझा जा सके कि वे अनजाने forms के साथ कैसे पेश आती हैं; एक ही letter के लिए अलग-अलग form examples दिए गए और कुछ शब्द कई बार लिखवाए गए
  • Cyrillic type designers Maria Doreuli, Krista Radoeva, और Alexei Vanyashin से परामर्श किया गया, और सही-ग़लत forms के बारे में उनकी समझ अधिकतर एक जैसी थी
  • Bulgarian और Serbian में basic Cyrillic से अलग प्रचलित forms होते हैं; उदाहरण के लिए Bulgarian t प्रायः Latin m जैसा होता है, जो इस style में Cyrillic m से भ्रमित हो सकता था, इसलिए adjustment की ज़रूरत पड़ी
  • Serbian nje जैसे अक्षरों में uppercase और lowercase, दोनों को native readers के लिए natural दिखना था; Serbian के लिए Jovana Jocić से भी सलाह ली गई
  • Cyrillic पर काम में बहुत सी design चुनौतियाँ थीं, लेकिन उम्मीद है कि यह सिर्फ़ Latin ही नहीं, बल्कि विभिन्न Cyrillic भाषाओं की typesetting में भी उपयोगी साबित होगा

उपयोग के तरीके और संदर्भ लिंक

  • Shantell Sans on Google Fonts: Google Fonts पर उपलब्ध
  • open-source repo: latest version download
  • इसे Google Docs, Slides और अन्य Workspace products में भी उपयोग किया जा सकता है

  • Google Workspace में जोड़ना

    • document में font menu खोलें और “More Fonts” पर क्लिक करें
    • खुले हुए popup panel में “Shantell Sans” खोजें
    • font family पर क्लिक करके उसे font menu में जोड़ें
    • Google Material Design Blog: simplified version उपलब्ध है

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

1 टिप्पणियां

 
GN⁺ 2 시간 전
Hacker News की राय

  • लेख के बीच के बहुभाषी सैंपल को देखते हुए पता चला कि इस फ़ॉन्ट के Cyrillic glyphs शानदार हैं
    नया फ़ॉन्ट आज़माते समय अक्सर Cyrillic अक्षर Latin अक्षरों जितने अच्छे नहीं होते, और अपवाद आमतौर पर ParaType जैसी Cyrillic-क्षेत्र की foundry के फ़ॉन्ट ही होते थे
    लेख के आख़िरी एक-तिहाई हिस्से में यह कैसे हासिल किया गया, इस पर विस्तार से बात की गई है
    https://www.paratype.com/fonts/pt/yefimov-sans?tab=gallery

  • लेख में लिंक किए गए Google Fonts पेज पर मौजूद formality slider हाल में variable font axis के इस्तेमाल के सबसे शानदार उदाहरणों में से एक है
    इसे देखकर लगता है कि Metafont को धीरे-धीरे लेकिन लगातार फिर से सराहना मिल रही है
    https://fonts.google.com/specimen/Shantell+Sans

    • Typotheque के Dash में भी लगभग ऐसा ही variable axis है, जहाँ इसे ‘Speed’ कहा जाता है: https://www.typotheque.com/fonts/dash-casual
      किसी वजह से पूरा variable range देखने के लिए ‘Variable’ बॉक्स पर क्लिक करना पड़ता है
    • वही सबसे शानदार हिस्सा है। ऊपर से “bounce” slider भी है
      यक़ीन नहीं होता कि हम ऐसे दौर में जी रहे हैं… सोच रहा हूँ कि क्या ऐसे खास adjustments वाले और फ़ॉन्ट भी हैं
      अभी भी उस तकनीक का इंतज़ार है जो सचमुच randomness वाली handwriting fonts को संभव बनाए
    • मुझे Metafont की ज़्यादा जानकारी नहीं है, क्या आपका मतलब यही था? https://ctan.org/pkg/metafont?lang=en
    • रुको, क्या ज़्यादा informal बनाने पर एक ही वाक्य में एक ही अक्षर के अलग-अलग glyphs भी बदल सकते हैं?

  • फ़ॉन्ट शानदार है। बस तकनीकी तौर पर एक कदम आगे बढ़कर variable glyphs की कमी खलती है
    handwriting पढ़ने का एहसास तब कम हो जाता है जब अक्षर हमेशा एक जैसे दिखते हैं
    अगर हर अक्षर के लिए 5-6 छोटे variations हों और उन्हें बारी-बारी से random तरीके से इस्तेमाल किया जा सके, तो वह सच में कमाल होगा

    • handwriting फ़ॉन्ट नहीं बल्कि monospace font है, लेकिन TT2020 इसे लागू करने के लिए एक दिलचस्प तकनीक इस्तेमाल करता है
      https://copypaste.wtf/TT2020/docs/moreinfo.html https://copypaste.wtf/TT2020/docs/moreinfo2.html
    • शायद इस फ़ॉन्ट के informality variable को sample करके यह संभव हो सके
    • या फिर variations के distribution से sample लेकर अनंत संभावनाएँ बनाई जा सकती हैं?

  • हैरानी होती है कि ऐसा फ़ॉन्ट अब जाकर पहली बार देखा। Comic Sans जैसी श्रेणी के फ़ॉन्ट्स के साथ काफ़ी काम किया है, और यह अब तक देखा गया सबसे सुंदर फ़ॉन्ट है

  • Comic Sans से इसकी समानता इतनी साफ़ थी कि लेख में सबसे पहले Ctrl-F से “comic” खोजा
    पहली प्रतिक्रिया यही थी कि इस विचार को आख़िर कितना आगे बढ़ाया गया है
    लेख में Comic Sans का ज़िक्र जिस तरह बँटा हुआ है, वह भी दिलचस्प है; लगभग 30% हिस्से पर इसकी स्पष्ट वंशावली मानते हुए इसका कई बार उल्लेख आता है, और उसके बाद लगभग नहीं
    यह फ़ॉन्ट सचमुच उससे आगे निकल गया है, और बेहद सुंदर है

  • क्या इस फ़ॉन्ट का monospace version चाहना अजीब होगा? यह सच में बहुत शानदार और अच्छी तरह डिज़ाइन किया हुआ लगता है

    • इन दिनों Recursive Mono Casual काफ़ी पसंद है। शायद इसे Google Fonts से लिया था
      https://www.recursive.design
      https://fonts.google.com/specimen/Recursive?preview.script=L...
    • मैं इसे इस्तेमाल कर रहा हूँ और बहुत पसंद है। बिल्कुल वही नहीं है, और मुफ़्त भी नहीं, लेकिन सच में बहुत खूबसूरती से बनाया गया है
      https://tosche.net/fonts/codelia
    • मैं भी monospace version का सच में इंतज़ार कर रहा था
      कोडिंग करते समय मैं कुछ समय से Comic Sans से प्रेरित monospace font इस्तेमाल कर रहा हूँ, और मुझे लगता है कि उसकी readability बहुत अच्छी है
      यह फ़ॉन्ट इतना सुंदर है कि इसे terminal में भी ज़रूर देखना चाहूँगा
    • हाल ही में Annotation Mono देखा; यह Shantell Sans जितना informal नहीं है, लेकिन फिर भी इसमें handwriting जैसा एहसास है
      https://qwerasd205.github.io/AnnotationMono/

  • dyslexia वाली मेरी बेटी को यह बहुत पसंद आया। उदाहरणों में उसने साफ़ तौर पर Roboto की बजाय इस फ़ॉन्ट को तरजीह दी

    • मुझे dyslexia नहीं है, लेकिन Roboto वाले उदाहरण में भी readability का फ़र्क बहुत साफ़ महसूस हुआ
      तब तक मैं Shantell Sans का इतना आदी हो गया था कि Roboto लगभग पढ़ने में मुश्किल लगा

  • वाह, यह इतना बदसूरत है कि कितना बदसूरत है, यह बताना भी मुश्किल है

  • पहली बार देखा और यह पहले ही मेरा सबसे पसंदीदा handwriting font बन गया। शानदार काम

  • यह human-computer engineering से बना एक सुंदर कला-कार्य लगता है
    ऐसे संदर्भों में भी इसे इस्तेमाल किया जा सकता है जहाँ Comic Sans थोड़ा मज़ाक जैसा लग सकता है