3 คะแนน โดย GN⁺ 2024-09-19 | 1 ความคิดเห็น | แชร์ทาง WhatsApp
  • Comic Mono เป็นฟอนต์ที่ปรับ Comic Shanns v1 ให้เป็นแบบความกว้างคงที่ เพื่อให้กลิ่นอายแบบ Comic ที่คุ้นเคยอ่านโค้ดหรือในเทอร์มินัลได้ง่ายขึ้น
  • ปรับความกว้างของทุก glyph ให้เท่ากัน และอ้างอิง Cousine metrics เพื่อลดความรู้สึกแปลกตาเมื่อแสดงร่วมกับฟอนต์ระบบ
  • ฟอนต์ตัวหนาถูกสร้างด้วย FontForge Embolden และทั้งฟอนต์แฟมิลีถูกสร้างขึ้นด้วยการแพตช์ Comic Shanns ต้นฉบับผ่านสคริปต์ Python
  • บนเว็บสามารถใช้งานผ่านสไตล์ชีตของ jsDelivr CDN และมีแพ็กเกจ npm ให้ด้วย แต่ไฟล์ฟอนต์ใน npm ยังไม่ได้ปรับแต่งให้เหมาะสม
  • ยังมีฟอนต์ที่เกี่ยวข้องอย่าง Comic Shanns v2, Serious Shanns, Comic Shanns Mono รวมถึงแพ็กเกจบน Fontsource, Arch Linux AUR และ Gentoo Linux Overlay ให้ดูเพิ่มเติม

วิธีปรับ Comic Shanns ให้เป็นแบบความกว้างคงที่

  • Comic Mono เป็นฟอนต์แบบความกว้างคงที่ที่สร้างบนพื้นฐานของ Comic Shanns v1 โดย Shannon Miwa
  • ไฟล์ดาวน์โหลดมี 2 แบบ
  • ความแตกต่างจาก Comic Shanns ต้นฉบับสรุปได้ 4 ข้อ
    • ปรับความกว้างของทุก glyph ให้เท่ากันอย่างแม่นยำ
    • ปรับ glyph metrics ให้ยึดตาม Cousine เพื่อให้ดูเป็นธรรมชาติมากขึ้นเมื่อแสดงร่วมกับฟอนต์ระบบ
    • เปลี่ยนชื่อเป็น Comic Mono
    • รุ่นตัวหนาถูกสร้างด้วยกระบวนการ FontForge Embolden
  • ผู้สร้างระบุว่าตนเองไม่ใช่นักออกแบบฟอนต์ แต่เป็นนักพัฒนาซอฟต์แวร์ และได้สร้างฟอนต์แฟมิลีนี้ด้วยการแพตช์ Comic Shanns v1 ต้นฉบับผ่านสคริปต์ Python generate.py
  • โค้ดตัวอย่างใช้ vendor/comic-shanns.otf และ vendor/Cousine-Regular.ttf เป็นอินพุต และใช้ fontforge สร้าง ComicMono.ttf กับ ComicMono-Bold.ttf

การติดตั้งและช่องทางเผยแพร่

  • บนเว็บเพจสามารถใช้งานได้ด้วยการรวม CDN stylesheet ที่ jsDelivr ให้บริการ
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/comic-mono@0.0.1/index.css">;
  • เนื้อหาแพ็กเกจถูกเผยแพร่ไว้ที่ comic-mono บน npm ด้วย แต่ไฟล์ฟอนต์ยังไม่ได้รับการปรับแต่งให้เหมาะสม จึงแนะนำว่าแพ็กเกจ Fontsource เป็นตัวเลือกที่ดีกว่า
  • มีแพ็กเกจจากบุคคลที่สามให้ใช้งานด้วย

ฟอนต์ที่เกี่ยวข้องและน่าสนใจ

  • Comic Shanns ต้นฉบับใน v2 รองรับสัญลักษณ์เพิ่มเติม เช่น อักขระเน้นเสียงและสัญลักษณ์ทางคณิตศาสตร์
  • Serious Shanns มีการปรับปรุงเพิ่มเติม เช่น เพิ่มความอ่านง่าย น้ำหนักที่เบาลง และเวอร์ชัน Nerd Font
  • Comic Shanns Mono สร้างบน Comic Shanns v2 และมีทั้งการปรับ metrics กับการเพิ่มอักขระ
  • ไลเซนส์คือ MIT License

1 ความคิดเห็น

 
GN⁺ 2024-09-19
ความคิดเห็นจาก Hacker News
  • ตั้งแต่เคยเห็นใน HN เมื่อก่อน ก็ใช้ ฟอนต์ monospace ที่อิงจาก Comic Sans มาเรื่อย ๆ และตอนนี้ใช้ Comic Code ซึ่งเป็นเวอร์ชันเสียเงินอยู่
    https://tosche.net/fonts/comic-code
    อ่านง่ายและสนุกด้วย ให้ความรู้สึกคล้าย ๆ ตอนที่เคยใช้ Monaco เมื่อก่อน โดยส่วนตัวเวลาพัฒนาโปรแกรมแล้วรู้สึกว่าตาล้าน้อยลงและสนุกขึ้นด้วย จำได้ว่าเคยอ่านคำอธิบายว่าเพราะรูปทรงตัวอักษรคล้ายกับแบบที่สอนในชั้นอนุบาล เลยสบายตา

    • สำหรับสายตาผม โดยเฉพาะในขนาดเล็ก Comic Code ให้ความรู้สึกเหมือน Courier มากกว่า Comic Mono อย่างชัดเจน
    • ผมก็ใช้ Comic Code อยู่เหมือนกัน แต่ที่ซื้อก็เพราะไม่รู้จักทางเลือกฟรีที่ดูดีพอ ๆ กัน
      ช่วยลดความล้าของตาได้ชัดเจน และทำให้มีประสิทธิภาพขึ้นด้วย เวลาเซ็ตอัปคอมพิวเตอร์เครื่องใหม่ นี่คือสิ่งแรก ๆ ที่ติดตั้ง
    • เข้าใจว่ามันอ่านง่ายกว่าสำหรับบางคน แต่คำอธิบายว่าเป็นเพราะคล้ายกับ รูปทรงตัวอักษรแบบอนุบาล ดูไม่ค่อยตรงนัก
      เด็ก ๆ มักเรียนอ่านผ่านสื่อสิ่งพิมพ์ไม่ใช่หรือ ผมสอนลูก ๆ อ่านด้วยแฟลชการ์ดที่มีคำทั้งคำและหนังสือแบบ “look and say” ซึ่งสื่อพวกนั้นไม่ได้คล้ายกับฟอนต์นี้เลย โดยส่วนตัวผมรู้สึกว่าอ่านยากและช้าลงเล็กน้อย แต่ก็สงสัยเหมือนกันว่าบางคนอาจได้ประโยชน์จากความช้านั้นหรือเปล่า อาจเป็นเพราะการเคลื่อนสายตารอบคอบขึ้นหรือมีประสิทธิภาพขึ้นก็ได้
    • ฟอนต์ Codelia ของผู้สร้างคนนี้ถูกใจมากจริง ๆ แต่พอมีทางเลือกฟรีเยอะขนาดนี้ ก็ยากที่จะหาเหตุผลรองรับการจ่ายเงินระดับนั้น
      ถ้ามีไลเซนส์สำหรับใช้ที่ไม่ใช่เชิงพาณิชย์ในราคาถูกกว่านี้ก็คงดี
    • จุดที่คล้ายกับฟอนต์ที่ออกแบบมาเป็นพิเศษเพื่อบรรเทาดิสเล็กเซียคือ ตัวอักษรแต่ละตัวดูแตกต่างจากกัน
      ความรู้สึกเหมือนลายมือให้เบาะแสที่ผู้อ่านจับได้มากกว่าฟอนต์ที่เนี้ยบกว่า
  • ถ้ากำลังพูดถึงการแนะนำฟอนต์ monospace สไตล์การ์ตูน Monaspace Radon ก็น่าแนะนำเหมือนกัน
    อยู่ลำดับที่สี่ถ้าเลื่อนลงไปถึง variants ที่ https://monaspace.githubnext.com/ ใช้งานได้ดีจริง ๆ โดยส่วนตัวผมชอบ Comic Sans และฟอนต์สไตล์นี้มาก ๆ เลยเข้าใจคนที่ไม่ชอบได้ยาก

    • ปัญหาที่ผมมีกับ Comic Sans มีสองอย่าง
      อย่างแรก มันถูกใช้พร่ำเพรื่อเกินไปในที่ที่ไม่เหมาะสม เช่น ข่าวร้ายเรื่องงานหรือบัตรเชิญงานศพ อย่างที่สอง hinting ของมันถูกปรับให้เหมาะกับหน้าจอความละเอียดต่ำในยุคที่สร้างขึ้น และกับ MS Bob ซึ่งเป็นเป้าหมายแรก ๆ ดังนั้นบนสิ่งพิมพ์หรือหน้าจอความละเอียดสูงสมัยใหม่ อาจไม่เหมาะที่สุด ถ้าจะใช้ฟอนต์แนวนี้ ผมว่ามีตัวเลือกที่ดีกว่า Comic Sans เองอยู่ แต่ก็มีความเป็นไปได้ไม่น้อยว่า Comic Sans อาจได้รับการอัปเดตมาแล้ว
      ถ้าอยากยั่วคนที่ซีเรียสกับฟอนต์มากเกินไปจริง ๆ ก็ลองใช้ Comic Papyrus ซึ่งผสม Comic Sans กับ Papyrus ดูได้: https://creativemarket.com/blog/designer-combines-papyrus-an...
      ภายหลังเปลี่ยนชื่อเป็น Comic Parchment ด้วยเหตุผลไร้สาระบางอย่างที่ชวนให้คิดถึงการฟ้องร้อง
    • ไม่รู้ว่าผมแปลกหรือเปล่า แต่แค่เห็น Radon ก็รู้สึกอึดอัดมาก และทำให้อ่านทุกอย่างยากขึ้น
      รู้สึกเหมือนตัวเองเป็นดิสเล็กเซีย ตอนนี้ใช้ Fira Code อยู่ ซึ่งอ่านและมองได้สบายมาก
    • ผมไม่ชอบ Comic Sans ในฐานะ ฟอนต์ลายมือการ์ตูน
      มันติดตรงบุคลิก หรือจะพูดว่าการไม่มีบุคลิกมากกว่า มันควรจะมีชีวิตชีวาและขี้เล่น แต่สำหรับผมมันดูหมดแรงและเหมือนตายไปครึ่งหนึ่ง พยายามใส่ความแปลกอย่างเส้นโค้งไม่สม่ำเสมอและตัว ‘C’ ที่มีตะขอเล็ก ๆ แต่ทุกอย่างดูฝืน ไม่เป็นธรรมชาติและไม่มีจังหวะ ให้ความรู้สึกเหมือนมีคนส่งมุกไม่ค่อยฮาให้แล้วบังคับให้อ่านออกเสียง
    • เรื่องแบบนี้แน่นอนว่าเป็นรสนิยม ถ้าชอบก็เป็นเรื่องดี แต่ความคิดแรกของผมคือ แล้วตัวเอียงจะทำยังไง
    • สำหรับสายตาผม l ดูเหมือน Z เลย สงสัยว่าแค่ต้องชินไปเองหรือเปล่า
  • สงสัยว่ายังมีใครจำช่วงที่ฝั่ง OpenBSD เผยแพร่สไลด์และเอกสารงานวิจัยด้วย MS Comic Sans ได้ไหม
    โลโก้ LibreSSL ก็ยังมีกลิ่นอายนั้นอยู่บนไซต์ และถ้าเลื่อนลงไปพอสมควรที่นี่ https://www.openbsd.org/papers/bsdcan14-libressl/mgp00001.ht... ก็มีการพูดประมาณว่าเอามันมาใช้เป็น ‘อาวุธ’ ประเด็นน่าจะเป็นว่าไลเซนส์เสรีพอจะทำให้พวก nerd สาย Linux หงุดหงิด ส่วนตัวฟอนต์เองก็เป็นของแบบที่จะทำให้พวก nerd สายดีไซน์หงุดหงิด

  • ผมใช้ Fantasque Sans
    จำไม่ได้แล้วว่าทำไมถึงเลือกตัวนี้แทน Comic Shanns แต่ถ้าชอบสไตล์นี้ก็น่าลองดู
    https://github.com/belluzj/fantasque-sans

    • อ่านค่อนข้างง่าย มีความสม่ำเสมอและความนุ่มนวลอยู่พอสมควร โดยที่ไม่ตลกแบบการ์ตูนมากเกินไป
      ใช้อยู่ค่อนข้างนานก่อนจะลงเอยกับ Iosevka
    • Fantasque Sans Mono มีตัว “a” แบบตกแต่งที่ค่อนข้างถูกใจ
  • อยากจะเกลียดมัน แต่จริง ๆ แล้วไม่ได้แย่เลยสักนิด
    แม้มองเป็นฟอนต์ sans-serif ทั่วไปก็ดูโอเค สุดท้ายปัญหาของ Comic Sans น่าจะอยู่ที่ ระยะห่างตัวอักษร

    • เคยลอง Operator Mono, SF Mono, Ubuntu, Roboto, Consolas ฯลฯ และเปลี่ยนทุกวัน ทุกสัปดาห์ ทุกเดือน
      แต่ตอนนี้ใช้ Comic Mono มาสองปีแล้ว และในฐานะนักพัฒนาซอฟต์แวร์ ผมลืมเรื่องฟอนต์ไปอย่างสิ้นเชิง นี่แหละสัญญาณของฟอนต์ที่ยอดเยี่ยมจริง ๆ
    • เปิดมาดูโดยเตรียมจะหัวเราะ แต่กลับรู้สึกสงบแทน
      ฟอนต์นี้มี ความนิ่งสงบ อย่างน่าประหลาด
  • ต้นฉบับไม่มี เครื่องหมายกำกับเสียง เมตริกก็คลาดสำหรับผมนิดหน่อย และไม่ชอบเส้นด้านล่างของ “f” เลยกำลังทำ fork อยู่
    IDE บางตัว โดยเฉพาะ Eclipse บน Windows แสดงปัญหากับฟอนต์นี้ จึงกำลังปรับพารามิเตอร์ด้วย ทำให้ใช้งานกับ Python 3 ได้แล้ว และใส่ฟอนต์ต้นทางเป็น submodule เพื่อไม่ต้องไปไล่หาเองตอน build โดยตรง ยังอยู่ระหว่างดำเนินการ
    https://github.com/caioycosta/comic-fork-mono-font

    • แปลกนะ เวอร์ชันที่ผมใช้ดูเหมือนจะเป็นเวอร์ชันในบทความ และจำได้ว่ามี เครื่องหมายกำกับเสียง
      ตอนนี้ไม่ได้อยู่หน้าคอมพิวเตอร์ ไว้จะตรวจสอบทีหลัง แต่ตำแหน่งของ “í” แปลก ทำให้ดูเหมือนมีช่องว่างเกินมาระหว่างมันกับตัวอักษรถัดไป ซึ่งน่ารำคาญ
  • มี fork ที่รวม ligature สำหรับการเขียนโปรแกรม อยู่ที่นี่ จึงอาจเป็นทางเลือกเสรีและโอเพนซอร์สที่ใช้งานจริงได้มากกว่าของ Comic Code ที่มีการพูดถึงในที่อื่น
    https://github.com/wayou/comic-mono-font/

  • ใช้ Maple Mono ซึ่งเป็นฟอนต์คล้าย ๆ กันมาประมาณหนึ่งปีแล้ว ดีมากจริง ๆ
    โดยส่วนตัวรู้สึกว่าเหมาะกับการอ่านโค้ดมากกว่า
    https://github.com/subframe7536/maple-font

  • ว้าว เป็นฟอนต์ที่น่ารักอย่างประหลาด
    คงไม่น่าจะเอาไปใช้เขียนโค้ดเอง แต่ถ้าต้องแสดงตัวอย่างโค้ดในสื่อการสอนให้ได้บรรยากาศกระดานดำ น่าจะเข้ากันมาก

  • ผมใช้ APL386 เป็นฟอนต์ประจำ มีบรรยากาศ Comic Sans อยู่เล็กน้อย แต่ดูเรียบง่ายและสะอาดกว่าด้วย
    https://abrudz.github.io/APL386/

    • ดูแล้วให้ความรู้สึกว่า โปร่งกว่า Comic Mono