บุญถึก = ฟอนต์ไทยที่แข็งแกร่งที่สุด

เริ่มโพสต์โดย Sungsit, 14 มี.ค. 2014, 06:39 น.

0 สมาชิก และ 1 บุคคลทั่วไป กำลังเปิดอ่านโพสต์นี้

Sungsit

อ้างคำพูดจาก: iannnnn เมื่อ 22 ต.ค. 2014, 11:24 น.
เอาไปถามประชาชนที่เป็นสมาชิกเพจแล้วครับ
ไม่รู้จะมีคนตอบไหม เฟซบุ๊กมันชอบทำโทษเพจที่ไม่ค่อยโพสต์ คนเลยไม่เห็นกัน :30:

ขอบคุณครับท่านผู้นำ "เราจะทำตามสัญญา ขอเวลาอีกไม่นาน"  :30:
เทมเพลตฟอนต์ไทย FontUni https://github.com/fontuni/fontuni/releases

iannnnn


JΛNΣ


Sungsit

ปล่อย BoonTook v1.0-beta1 ให้ทดสอบกันก่อนครับ ผมไม่ได้เช็คความถูกต้องเท่าไหร่ เลยปล่อยเป็น beta ให้คนอื่นเจอบั๊กก่อนซักพักแล้วค่อยแก้  :43: อ่านรายละเอียดสิ่งที่เปลี่ยนแปลงและวิธีดาวน์โหลดที่ https://github.com/sungsit/boontook/releases

เวอร์ชั่นนี้มี บุญถึกมน แล้วนะครับ ถ้าใช้ตัวเล็กมันก็แทบจะไม่ต่างจากตัวปกติแต่ผมไม่อยากให้มนมากเดี๋ยวจะหวานมากกว่าถึก
เทมเพลตฟอนต์ไทย FontUni https://github.com/fontuni/fontuni/releases

iannnnn


Sungsit

มาตามสัญญาแล้วครับ BoonTook v1.0.0 (เลขเวอร์ชั่น Geek ขึ้นนิดหน่อย เพราะปล่อยเป็น Bower package ด้วย)

สิ่งที่เปลี่ยนแปลงจากเวอร์ชั่นเบต้าคือ

1. Hint ทั้ง OTF และ TTF โดย OTF ใช้ Autohint ของ Adobe ส่วน TTF ใช้ TTFAutohint ของ FreeType
2. เพิ่ม WOFF2 ที่บีบอัดขนาดไฟล์ได้ดีกว่า WOFF (ตอนนี้มีแค่ Chrome กับ Opera รุ่นใหม่ที่รองรับ - โปรดอย่าถามว่า IE ใช้ได้ไหม)
3. เพิ่มหน้าเว็บตัวอย่างและ CSS สำหรับใช้งานเป็น Web fonts ดูตัวอย่างที่ หน้าเว็บทดสอบบุญถึก

ผมอัพเดตลิงก์ทั้งหลายที่หน้าปล่อยฟอนต์ให้มัน redirect ไปดาวน์โหลดเวอร์ชั่นล่าสุดตลอดกาลจาก GitHub จะได้ไม่ต้องแก้ใน WordPress ของ F0nt บ่อยๆ รวมถึงรูปภาพตัวอย่างทั้งหลายด้วย เพราะ GitHub ไม่ได้ห้าม hotlinks อัพเดตที่โน่นก็จะอัพเดตที่นี่อัตโนมัติเลย

ปล. รบกวนท่านผู้นำแอนเอาปุ่ม PayPal ขึ้นให้อีกซักครั้งนะครับ ตอนนี้ผมใส่แค่ปุ่มที่ไม่กำหนดตัวเลขแล้ว (เพิ่งรู้ว่า PayPal ไม่ให้ใช้ปุ่ม Donate สำหรับหลายประเทศ เพราะกฎหมายบางประเทศถือว่าการบริจาคเป็นการแชร์ค่าใช้จ่ายส่วนตัว)
เทมเพลตฟอนต์ไทย FontUni https://github.com/fontuni/fontuni/releases

iannnnn

:25:


ขออภัยครับเพิ่งเห็น แล้วโค้ดปุ่มอยู่ไหนครับ  :05:

าาา๐

อยากให้ช่วยขยายความเรื่อง autohint ของ adobe ครับ
ผมเข้าไปดูใน link แล้วมีอะไรเต็มไปหมดเลย :25:
perfectionist

Sungsit

อ้างคำพูดจาก: าาา๐ เมื่อ 18 พ.ย. 2014, 08:09 น.
อยากให้ช่วยขยายความเรื่อง autohint ของ adobe ครับ
ผมเข้าไปดูใน link แล้วมีอะไรเต็มไปหมดเลย :25:

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

เริ่มจาก AFDKO ของ Adobe ก่อน มันเป็น Command line tools ที่รวมเครื่องมือทำฟอนต์ตามมาตรฐาน Adobe ไว้หลายตัว (เขาว่างั้นนะ) Autohint เป็นแค่หนึ่งในนั้น นอกนั้นก็เป็น utilities สำหรับตรวจสอบความถูกต้องของฟอนต์ พวก font technician ใช้กันเยอะ แต่ไม่มี Graphic interface ซักตัว วิธีทำฟอนต์แบบ Adobe คือใช้ซอร์สโค้ดที่เป็น text files และ generate เป็น OTF (ตัวอย่าง Source Sans Pro https://github.com/adobe-fonts/source-sans-pro)

ส่วนเหตุผลที่ผมใช้ Autohint ของ Adobe เพราะต้องการให้ฟอนต์ OTF ในชุดนี้มันพอดูได้ในขนาดเล็กสำหรับจอแสดงผลด้วยครับ (ก่อนหน้านี้ใช้ autohint ของ fontforge แล้วมันดูแย่ในขนาดต่ำกว่า 24px) อีกอย่างปกติผมวาด contour แบบ cubic ซึ่งเหมาะกับ OTF แต่เวลาแปลงเป็น TTF ซึ่งเป็น quadratic แล้วต้นฉบับมันเสีย (นั่นเป็นเหตุผลที่ผมไม่ค่อยชอบ TrueType) ส่วนเหตุผลที่ใช้ TTFAutohint ของ FreeType คือ ผมมีโอกาสดูฟอนต์ตัวเองใน Windows แล้ว OTF ที่ hint มันดันดูแย่กว่า TTF แล้วโปรเจ็คต์นี้ผมปล่อยเป็น web fonts ด้วย แปลว่าต้องเอาไปใช้บนเว็บสำหรับจอคอมพิวเตอร์ได้ดีด้วย เลยจำเป็นต้อง hint

Font hinting มันจำเป็นเฉพาะสำหรับจอแสดงผลครับเพราะพิกเซลมันจำกัด งานสิ่งพิมพ์ไม่เจอปัญหา แต่ manual hint ไม่ใช่ทางเลือกของผมแน่ๆ มันเสียเวลา เลยใช้เครื่องมือที่พวกโปรเขาใช้กันมาช่วยเท่านั้นเอง (AFDKO เพิ่งจะมีเวอร์ชั่นสำหรับ Linux ผมก็เพิ่งหัดใช้เหมือนกัน)
เทมเพลตฟอนต์ไทย FontUni https://github.com/fontuni/fontuni/releases

Sungsit

อ้างคำพูดจาก: iannnnn เมื่อ 18 พ.ย. 2014, 00:43 น.
:25:


ขออภัยครับเพิ่งเห็น แล้วโค้ดปุ่มอยู่ไหนครับ  :05:

น่าจะเป็นอันนี้ครับ


<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="G3FVQUB3DU52W">
<input type="image" src="https://www.paypalobjects.com/en_GB/TH/i/btn/btn_paynowCC_LG.gif" border="0" name="submit" alt="PayPal – The safer, easier way to pay online.">
<img alt="" border="0" src="https://www.paypalobjects.com/th_TH/i/scr/pixel.gif" width="1" height="1">
</form>
เทมเพลตฟอนต์ไทย FontUni https://github.com/fontuni/fontuni/releases

peera_b

เยี่ยมเลย

แต้ถ้าจะเอาไปทำเป็น web font นี่ต้องทำไงมั่งอ่ะครับ

Sungsit

เรียกใช้ฟอนต์ด้วย CSS ครับ ตัวอย่างโค้ดดูที่ https://github.com/BoonUni/boontook-fonts/tree/master/css
เทมเพลตฟอนต์ไทย FontUni https://github.com/fontuni/fontuni/releases

peera_b

ขอบคุณครับ  :22:

แล้วกรณี เอาไปทำ web font ในเวปไซด์ของลูกค้าล่ะครับ ต้องขอลิขสิทธ์ ยังไงบ้างครับ

Sungsit

สำหรับฟอนต์บุญถึกเอาไปใช้ได้ทุกงานเลยครับ จะใส่ในเว็บไซต์, เว็บแอพ หรือซอฟต์แวร์อะไรก็ได้ แค่อย่าเอาตัวฟอนต์ไปขายโดดๆ ก็พอ
เทมเพลตฟอนต์ไทย FontUni https://github.com/fontuni/fontuni/releases

peera_b

  :22: ขอบคุณครับ

ขอเป็นสาวก ตระกูล บุญ ด้วยคนนะครับ ตะละฟ้อน  :10:

SMF 2.1.7 © 2026, Simple Machines