ฟอนต์ฟอรั่ม

 :28: :28: :28:

จะทำไว้เพื่อเป็น Reference ก็แล้วกันนะครับ
สำหรับคนที่จะทำฟอนต์ไทย เพื่อที่จะได้ทราบความเป็นไปได้
ของการจัดวาง Glyphs เพิ่มเติมต่างๆ

ต่อยอดเทมเพลตฟอนต์ที่แจกให้ เอาไป Customize สนองการออกแบบของคุณ

http://www.mediafire.com/?bt7s1s6r4a4t7z1 (http://www.mediafire.com/?bt7s1s6r4a4t7z1)
เทมเพลตนายพล + superstore  :35:

(http://img3.f0nt.com/15/26d0462c2c864dfb44c002951eb660e3.png)

ช่วง Code ในแผนผัง (เวอร์ชั่น 6)

0E00 ถึง 0E7F (87 Glyphs)

ช่วงที่มีเส้นขีดพาด คือช่วงภาษาไทยที่ว่างอยู่ ยังไม่มีการกำหนดเพิ่มอักขระในช่วงนี้
ตารางนี้ยังไม่ได้รวมการแก้ไขปัญหาเรื่องวรรณยุกต์ลอยนะครับ
เพราะมี สระบน สระล่าง และวรรณยุกต์ ชุดเดียว

(http://thaifont.info/wp-content/uploads/2011/02/thai-unicode-glyph500.jpg)

Ref: http://www.unicode.org/charts/PDF/U0E00.pdf (http://www.unicode.org/charts/PDF/U0E00.pdf)

Method1 = Ligature

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

สีเขียว = สระ วรรณยุกต์ ในช่วงของยูนิโค้ดที่เป็นมาตรฐาน
สีฟ้า = สระ วรรณยุกต์ ชุดเยื้องซ้ายหลบหาง ป ฟ ฝ
สีชมพู = สระ วรรณยุกต์ ชุดบนปกติ
สีส้ม = วรรณยุกต์ ชุดบนพิเศษหลบหาง ป ฟ ฝ

สระชุดบน
อิ อี อึ อื
(http://img3.f0nt.com/14/3dd9c3730b99575ad22461551d22e618.jpg)

สระลดรูป และเครื่องหมายชุดบน
ไม้หันอากาศ ไม้ไต่คู้ นิคหิต ทัณฑฆาต
(http://img3.f0nt.com/01/a09b38133a9309cb3e9876846f3e2b94.jpg)

วรรณยุกต์
เอก โท ตรี จัตวา
** ข้อสังเกต วรรณยุกต์ที่อยู่ระดับบนพิเศษ จะถูกย่อขนาดลงเล็กน้อย
(http://img3.f0nt.com/15/d1ff032756a4c0512093a3e46ecef8dd.jpg)

สระชุดล่างพิเศษ
ตีนเหยียด ตีนคู้ พินทุ
(http://img3.f0nt.com/15/f627ba0f811f5b138826e61ce100e06a.jpg)

 :25:  :25:

เจ๋ง

เดี๋ยวจะต่อด้วย พยัญชนะ อักขระพิเศษ / ลดทอน ฯลฯ  :02:

(http://img3.f0nt.com/15/c96b9e1bb935841b0f8037e4cdbc9686.jpg)

ญู เช่น กตัญญู
ฐุ เช่น ทุฏฐุลละ

---------------------------------------------------------------------------------------

** กรณี ฬ
- บางท่านก็ออกแบบให้หางยาว เวลาเติมสระ อิ จึงต้องหดหางลงมาอาศัยสคริปต์ เพื่อไม่ให้ทับกัน
- บางท่านก็ใช้วิธีหลบสระ อิ อี อึ อื หลบวรรณยุกต์ ต่างๆ มาด้านซ้ายของ ฬ แทน เหมือน ป ฟ ฝ
- บางท่านออกแบบ ฬ ไม่ให้หางขึ้นสูง เลยไม่ต้องทำหลบ หรือ ทำหด อันนี้ก็สบายไป

(http://img3.f0nt.com/15/5e94148a7fdaed3d83b63c84c198784c.jpg)
- มีคำเพียงไม่กี่คำเท่านั้น ที่มี ฬ + สระ หรือ วรรณยุกต์
    คือ นาฬิกา ตอนหัวฬ่อ --  :54: ดังนั้นไม่ต้องซีเรียส แค่ตั้งข้อสังเกตเฉยๆ

---------------------------------------------------------------------------------------

ligature ของ ฤ+า = ฤๅ และ ฦ+า = ฦๅ
ตามหลักการเขียนที่ถูกต้องตามแบบแผน ต้องเขียนติดกัน ดังนั้นเมื่อออกแบบฟอนต์จึงต้องออกแบบสองตัวนี้
แต่โดยสมัยนิยม หรือ ข้อจำกัดของภาพรวมการออกแบบ อาจจะออกแบบให้อยู่ห่างกันได้เล็กน้อย ระหว่าง ฤ ฦ และ ๅ
(http://img3.f0nt.com/15/224b73e815689106685b8d7ff1d4041f.jpg)

ตัวอย่างคำ เช่น ฤๅษี พระฦๅ

---------------------------------------------------------------------------------------

ส่วน F880 หลายค่ายได้กำหนดเป็น ฟองมันฟันหนู
(http://img3.f0nt.com/15/3307e533417f2393eea66ddc5d5a496d.jpg)

---------------------------------------------------------------------------------------

F71B และ F71C เป็นตัว ฎ และ ฏ แบบหางสั้น สำหรับฟอนต์ที่ออกแบบหางมายาว แล้วเติม อุ อู จะไปกินบรรทัดล่าง
*** ส่วนมากก็ใช้ตัวเดียวกันกับตัวปกติ จากที่สำรวจ ไม่ค่อยมี case นี้ให้พบมากนัก
(http://img3.f0nt.com/23/0b55f14b9ca33f9cb9ef8b4d5de97cd5.png)

:25: แหล่มเลยๆๆ

โอ้ สิ่งนี้ที่รอคอย

ดังนั้น  ใครจะทำพยัญชนะพิเศษจำพวก Ligature / Stylistic Alternate เพิ่มเติม
เชิญจับจอง รหัส ได้ที่ F883 เป็นต้นไปจ้า

                       F883 F884 F885 F886 F887 F888 F889 F88A F88B F88C F88D F88E F88F
F890 F891 F892 .......... ------------>

Case สระ อำ  :16:

(http://img3.f0nt.com/15/fffa59973388069152336e6d35e723ed.jpg)
เห็นมีสระ อำ พิเศษ (นิคหิตเยื้องหลบ) สำหรับ  ป ฝ ฟ
แต่ไม่ปรากฎการ assign รหัส unicode ในฟอนต์ต่างๆ ที่ทำการสำรวจ

บางฟอนต์กำหนดสคริปท์ให้ใช้ F711(นิคหิตหลบซ้าย)+สระอา แทน
คุ้นๆ ว่าเป็นฟอนต์ ธนบุรี

-------------------------------------------------------------------------
ขอบพระคุณที่ติดตาม ขอเชิญร่วมแลกเปลี่ยนความรู้ และ สอบถามกันได้

 :12:

สงสัยนิดนึงตรงช่วง Fxxxx นี่คือที่เขาเรียกกันว่าช่วงว่างหรือเปล่าครับ ไม่โดนภาษาใดๆในโลกนี้แล้ว

เราก็ไม่ได้ไปเปลี่ยนฟอนต์ข้ามภาษา เป็นภาษาอื่นๆ ละนินา

สรุป ภาษาไทยแบบ liga ของเรา กินพื้นที่ไป 87+34 = 121 กลิปส์

:12:

แก้โค้ดวรรณยุกต์หลบสระอำเยื้องซ้ายไม่ได้ :3005:

แก้มาสองวันแล้ว :3005:

Method 2 // Mark + Glyph positioning
เพื่อรองรับระบบภาษาที่ต้องจัดตำแหน่ง สระ เครื่องหมายแสดงโทนเสียง
ให้สอดคล้องกับพยัญชนะ (เช่น ฮีบรู อราบิก และ ไทย)  :35:

กรรมวิธีนี้ ช่วยลดการผลิต สระ และ วรรณยุกต์ ซ้ำหลายชุดได้
โดยมีสระช่วงบน แค่ 1 ชุด และวรรณยุกต์ 2 ชุด (ชุดบน และ บนพิเศษ{ตัวจะเล็กกว่า})
ไม่ต้องทำเยื้องซ้าย เพราะจะใช้จุด Mark ในการอ้างอิงตำแหน่ง
และเขียนสคริปท์กำกับ

(http://img3.f0nt.com/23/6f2372e1105b5fa011f3f983bc2ee1fb.png)
(http://img3.f0nt.com/23/94631ef94a68ae88f1876686f33f46a5.png)

วิธีนี้ค่อนข้างซับซ้อน แต่ได้ตำแหน่งการจัดวางที่สวยงาม และไม่เปลือง Glyphs (โคตรอึด และ เมพมากกกกก)

(http://img3.f0nt.com/23/cdd969631340ee27a431d3de6b7e4a6f.png)
ฟอนต์นี้ใช้วิธี ผนวก ปั ฟั ฝั เป็น Glyph ใหม่ไปเลย เพื่อใช้กับวรรณยุกต์ชุดบนพิเศษ

Ref: http://www.adobe.com/devnet/opentype/afdko/topic_feature_file_syntax.html (http://www.adobe.com/devnet/opentype/afdko/topic_feature_file_syntax.html)

Typeface: Adode Thai // Tiro Typeworks for Adobe Systems Incorporated.

(http://img3.f0nt.com/23/c4e5b03dd940fca27f07acf776ca9226.png)
สริปต์นี้เป็นแค่การแทน Glyph เฉยๆ ถ้าดูตรง mark ยาวมากกกกกกกกกกกกกกกกก

เรื่อง mark ถ้าใจกล้า ลองดู ยาวมาก จะเป็นลม
http://www.mediafire.com/?f9nzammyl8ideec (http://www.mediafire.com/?f9nzammyl8ideec)

โอ้ สรุปถอดรหัส mark ได้แล้วเหรอครับ  :56:

:25: เหรอๆๆๆ วิธันี้เข้าท่าครับ คล้ายๆ วิชา CSS เลย
แล้วยังงี้ต้องยังไงบางครับ อยากใช้แล้วสิๆๆ ลดเหลือสองชุดเนี่ย
มีใครเคยลองกับเคสของไทย หรือมีตัวอย่างไหมครับ
เผื่อจะพัฒนาเป็นแม่แบบฟอนต์มาตรฐานที่ดีกว่าของปัจจุบันได้อี๊กกกก

(ขอแตกหน่อโพสต์ของคุณไอเทมนะครับ เรื่องนี้น่าหนุก)

ฟอนต์ที่ผมเห็นใช้วิธีนี้ เป็นฟอนต์ไทยที่ฝรั่งทำ ทั้งนั้นนนนน

Adobe Thai

อันนี้ฝรั่งทำสคริปต์ให้คัดสรรฯ มั้ง
Linotype Anuparp
Linotype Utt Sa Ha Gumm
Helvetica® Thai Regular

(http://img3.f0nt.com/23/6ed796a3a456742ec63ac0425a86c344.png)
อันนี้ไม่รู้ว่า ฝรั่ง หรือ คนไทย งง ตรงอังคั่นคู่ OE5A กลายเป็นยมกคู่ไปซะงั้น

แต่ฟอนต์นี้ใช้กะโปรแกรมในเครือ Adobe แล้ววรรณยุกต์จม นะจ้าาาา
ต้องใช้ World Ready Script ช่วยดัน (บน Adobe Indesign)

(http://img3.f0nt.com/23/352f68a800feaa3fcd0d42696884ae15.png)
(http://img3.f0nt.com/06/edab6c6ab39c5a131d9ff36eb12f01e9.png)

Ref: http://www.indesignthai.com/?p=32 (http://www.indesignthai.com/?p=32)
      http://www.indesignthai.com/?p=108 (http://www.indesignthai.com/?p=108)
       Fix tone mark for some Thai Fonts (http://player.vimeo.com/video/2748583)"

อ้าว แล้วงี้วิธีนี้จะเหลือเหรอครับ (หรือเป็นเฉพาะฟอนต์นี้)
อยากได้ที่มันเวิร์กสำหรับ user ทั่วไปจริงๆ ไม่ต้องเป็นแผนกกราฟิกง่ะ

อ้างคำพูดจาก: iannnnn เมื่อ 23 ม.ค. 2012, 11:39 น.
อ้าว แล้วงี้วิธีนี้จะเหลือเหรอครับ (หรือเป็นเฉพาะฟอนต์นี้)
อยากได้ที่มันเวิร์กสำหรับ user ทั่วไปจริงๆ ไม่ต้องเป็นแผนกกราฟิกง่ะ

ใช้กับ เวิร์ด กับอะไรต่างๆ นานา ได้นะ แต่ตายบน Adobe ต้องพึ่งสคริปต์จริงๆ

ระบบนี้ มันซับซ้อนยิ่งกว่าอาราย

(http://img3.f0nt.com/10/445f2a801b4d93d9a5216a04abccda6b.png)

(http://img3.f0nt.com/10/f0800c6d2f07c73dd5179f5a46279276.png)

(http://img3.f0nt.com/10/baa2807c6ae742dc932ec2ee918246ed.png)

ติดตามแบบงงๆ  :28:

องค์ความรู้ด้านนี้ คนรู้มีน้อยมากเลยนะ ถ้ามีคนช่วยกันศึกษา น่าจะดี
เราเองก็งงอ่ะ แต่กำลังงมอยู่

โอ้ว เพิ่งเห็นว่าไปแก้ไขโพสต์ก่อนหน้าแล้วแปะคลิปเพิ่มไว้ (คราวหน้าโพสต์เพิ่มก็ได้ครับ)
คลิปเจ๋งมากครับ ลุงขจรใช่ไหมนี่ :12:

อ้อ แล้วถ้าเราใช้ Photoshop / Illustrator นี่ใช้ความสามารถของสคริปต์ตัวนี้โดยไม่ต้องไปตั้งค่าอะไรเพิ่มได้ไหมครับ
(นึกภาพว่าถ้าเราทำฟอนต์ก็น่าจะให้ความสะดวกกับผู้ใช้ทั่วไปได้ด้วย)

เทมเพลต วรรณยุกต์ไม่จม สำหรับ Adobe Illustrator CS3 ขึ้นไป
http://www.mediafire.com/?zf37i8w5327yrz6 (http://www.mediafire.com/?zf37i8w5327yrz6)

(http://img3.f0nt.com/10/b776512625fed54a821ef9a411056e65.jpg)

เทมเพลต วรรณยุกต์ไม่จม สำหรับ Adobe Photoshop CS3 ขึ้นไป
http://www.mediafire.com/?ppvm65r5eo35qys (http://www.mediafire.com/?ppvm65r5eo35qys)

(http://img3.f0nt.com/10/4bd151efa2c7c8f39e1ceba21c494426.jpg)

r2l script สำหรับ InDesign CS4 ขึ้นไป
http://www.mediafire.com/?cyi2axevb8hp8ev (http://www.mediafire.com/?cyi2axevb8hp8ev)

(http://img3.f0nt.com/10/cf116288669ae1e7c2ce64de8305390b.jpg)