การสร้างฟอนต์

แชร์ประสบการณ์การสร้างฟอนต์

• ผู้เขียนซึ่งลองทำฟอนต์เป็นครั้งแรก ตัดสินใจสร้างฟอนต์จากลายมือของตนเองแทนการวาดตัวอักษรด้วยดิจิทัลเพนแท็บเล็ต เพื่อใช้กับการ์ตูนของตนชื่อ 'hakum'
• เป้าหมายคือการสร้างฟอนต์ TTF (TrueType Font) สำหรับใช้ในการเผยแพร่บนเว็บ โดยมีชุดอักขระแบบจำกัดและไม่รวมตัวหนาหรือตัวเอียง

กระบวนการสร้างฟอนต์

• ฟอนต์เวอร์ชันแรกสร้างจากลายมือดิจิทัล และเวอร์ชันที่สองสร้างจากภาพลายมือที่สแกนมา
• ระหว่างกระบวนการสร้างฟอนต์ ผู้เขียนได้ทำความเข้าใจและนำคำศัพท์เชิงกายวิภาคของ typeface มาใช้ เช่น Ascender, Baseline, Cap Height, Descender, X-Height
• เพื่อสร้างฟอนต์ลายมือ ผู้เขียนขีดเส้นอ้างอิงลงบนสมุดสเก็ตช์แล้วเขียนตัวอักษร โดยรวมตัวพิมพ์ใหญ่ (A-Z), ตัวพิมพ์เล็ก (a-z), ตัวเลข (0-9) และเครื่องหมายวรรคตอนพื้นฐาน

การใช้ FontForge

• ผู้เขียนเลือกใช้ซอฟต์แวร์สร้างฟอนต์ FontForge จากนั้นสร้างโปรเจ็กต์และนำเข้า glyph ทีละตัวเพื่อแก้ไขในแบบดิจิทัล
• ในการนำเข้า glyph ผู้เขียนแก้ไขภาพใน Gimp ส่งออกเป็น PNG แล้วจึงนำเข้าไปใน FontForge
• ผู้เขียนปรับระยะขอบซ้ายและขวาของ glyph และใช้ฟีเจอร์ Autotrace เพื่อสร้างเส้นโครงร่างของ glyph เมื่อต้องการ

การปรับ kerning

• Kerning คือกระบวนการปรับระยะห่างระหว่างตัวอักษร โดยใน FontForge ผู้เขียนเลือก 'Pair Position (Kerning)' เพื่อปรับระยะของคู่ตัวอักษร

การทดสอบฟอนต์และปัญหาในการส่งออก

• ผู้เขียนทดสอบฟอนต์และ kerning ใน FontForge และแก้ปัญหาที่อาจเกิดขึ้นเมื่อส่งออกฟอนต์ เช่น พิกัดที่ไม่เป็นจำนวนเต็ม จุดที่หายไปตรง extremum และการตัดกันของเส้นกับตัวเอง

การเลือกประเภทฟอนต์

• ผู้เขียนเห็นว่า ฟอนต์ TTF เหมาะกับการเผยแพร่บนเว็บ และตัดสินใจว่าไม่จำเป็นต้องใช้ฟอนต์ประเภทที่ซับซ้อนกว่าอย่าง OTF

ความเห็นของ GN⁺

• ประเด็นสำคัญที่สุดของบทความนี้คือ แม้การสร้างฟอนต์จะเป็นกระบวนการที่ซับซ้อน แต่ผู้เริ่มต้นก็ยังเข้าถึงได้และสามารถสร้างฟอนต์ของตัวเองได้
• สิ่งที่น่าสนใจคือบทความอธิบายขั้นตอนการสร้างฟอนต์แบบเป็นลำดับ แสดงตัวอย่างการใช้งานจริง และมอบมุมมองที่ผู้อ่านสามารถนำไปประยุกต์ใช้กับโปรเจ็กต์ของตนเองได้

[GN⁺]

ความคิดเห็นจาก Hacker News

• สรุปภาพรวมของ FontForge ได้ดีมาก ฉันเองก็เคยลองใช้ครั้งหนึ่ง มันค่อนข้างใช้งานไม่สะดวก แต่ก็ไม่คิดว่าคู่แข่งเชิงพาณิชย์จะดีกว่ามากนัก แถมฉันยังไม่รู้จักชื่อพวกมันด้วยซ้ำ
  • ชื่นชมภาพรวมของ FontForge และแบ่งปันประสบการณ์ส่วนตัว พร้อมแสดงความสงสัยต่อทางเลือกเชิงพาณิชย์
• ขอแนะนำ 100r.co Devine และ Rekka ใช้ชีวิต เดินทาง และบันทึกโปรเจ็กต์ของพวกเขา ขณะดำเนินสตูดิโออยู่บนเรือยอชต์ชื่อ Pino
  • แนะนำเว็บไซต์ของสตูดิโอที่มีไลฟ์สไตล์ไม่เหมือนใคร
• สรุป FontForge ได้ยอดเยี่ยม อย่างที่บทความบอกเป็นนัยไว้ ยังมีตัวเลือกที่ง่ายกว่าและอัตโนมัติมากกว่าสำหรับการสร้างฟอนต์จากลายมือ
  • แนะนำเครื่องมืออัตโนมัติสำหรับสร้างฟอนต์ลายมือ และเสนอทางเลือกแทน FontForge
• วิธีที่ง่ายที่สุดในการรวมฟอนต์หลายแบบให้เป็นฟอนต์เดียวคืออะไร? VS Code ไม่รองรับฟอนต์แยกตามภาษาหรือโทเคน
  • ถามเรื่องการรวมฟอนต์ และชี้ข้อจำกัดของการตั้งค่าฟอนต์ใน VS Code
• ฟอนต์ที่คุณทำนั้นคล้ายกับฟอนต์ที่ฉันทำมาก ฉันไม่ได้ปรับแต่งมากนัก แต่ซอฟต์แวร์ทุกตัวที่ฉันลองนั้นทั้งน่าอึดอัดและใช้งานยากมาก
  • แบ่งปันประสบการณ์การทำฟอนต์และความยากในการใช้งานซอฟต์แวร์
• มีใครใช้ MetaFont/MetaPost ทำฟอนต์(แบบอักษร)บ้างไหม? FontForge มีความสามารถด้านสคริปต์หรือเปล่า? ฉันไม่เคยใช้มันนะ แต่เคยอ่านหนังสือชุด "computers and typesetting" ของ Knuth ครบทั้ง 5 เล่มแล้ว
  • ถามถึงประสบการณ์ใช้ MetaFont และ MetaPost และแสดงความสนใจในความสามารถของ FontForge
• ฉันแค่อยากจะบอกว่าเป็นสุนัขจิ้งจอกที่กระโดดข้ามสุนัข ไม่ใช่กลับกัน เพราะสุนัขขี้เกียจ ส่วนสุนัขจิ้งจอกนั้นเร็ว
  • ข้อสังเกตแบบขำ ๆ เกี่ยวกับประโยคฝึกพิมพ์ชื่อดัง
• ฉันสงสัยว่าสเปกของฟอนต์จะใส่พารามิเตอร์ตัวสร้างแบบสุ่มไว้ได้ไหม เพื่อให้ทำฟอนต์ลายมือที่ดูเป็นธรรมชาติจริง ๆ ได้
  • แสดงความสนใจต่อการใช้ความสุ่มในฟอนต์เพื่อถ่ายทอดลักษณะลายมือ
• การที่บล็อกโพสต์นี้ไม่ได้ใช้ฟอนต์ที่เจ้าตัวสร้างเอง ถือเป็นโอกาสที่พลาดไป!
  • แสดงความคิดเห็นถึงความไม่สอดคล้องกันระหว่างบล็อกโพสต์กับฟอนต์
• ฉันชอบฟอนต์มาตั้งแต่ยุค 80 และมันเป็นหนึ่งในสิ่งแรก ๆ ที่ทำให้ฉันตระหนักว่าการออกแบบนั้นสำคัญ ฟอนต์สวยมาก และนี่ก็เป็นภาพรวมที่ยอดเยี่ยม
  • แสดงความชื่นชอบต่อฟอนต์ การตระหนักถึงความสำคัญของการออกแบบ และชื่นชมการทำฟอนต์ของผู้เขียน