variable font

แปะไว้หน่อย Multiple Masters Font in FonLab

<iframe width="560" height="315" src="https://www.youtube.com/embed/7ht5nYk2iFE" frameborder="0" allowfullscreen></iframe>


แปะไว้หน่อย Multiple Masters Font in FonLab

ลองทำตามไปสองสาม glyph
อย่างเพลินฮะ

น้อง jipatype แนะนำ website มาให้  น่าสนใจมาก จนถึงระดับน่ากลัว เพราะใช้วิเคาะห์ จนถึงล้วงความลับ การออกแบบฟอนต์ variable font ได้เลย
จิ้มไปลองเล่นได้ที่ https://www.axis-praxis.org/samsa/

ตัวอย่าง B สามารถเห็นการออกแบบตัวแคบ ตัวกว้าง มองเห็นจุดที่ไม่คิดว่าจะมีซ่อนในเส้นตรง  เทคนิคการซ้อนเส้นตรงรอยหยักตัวB การจัดการรูในตัวB องศาความเอียง การรักษาสัดส่วนตัวอักษร ให้เป็น theme เดียวกันระหว่างตัวแคบ ตัวกว้าง


ตัวอย่าง E มี 2 ชิ้น


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

[**มาบอกศาสตร์มืด แปลง WOFF2-Variable font เป็น TTF**]

**มาบอกศาสตร์มืด แปลง WOFF2-Variable font เป็น TTF**

ตอนนี้ยังไม่มีเว็บไหนสามารถแปลง WOFF2-Variable font เป็น TTF ได้โดยตรง
ต่อให้เปลียนนามสกุลจาก .woff2 เป็น .ttf ก็จะเปิดไม่ขึ้นอยู่ดี การแปลงนั้นเราจะแปลงโดยใช้
เครื่องมือ Open Source : FontTools : https://github.com/fonttools/fonttools
การติดตั้งสามารถอ่านได้จาก Doc ได้เลยครับ หรือ copy and paste

โค้ด:

>> pip install fonttools[ufo,lxml,woff,unicode]

การแปลงจาก .WOFF2 เป็น .TTF มีอยู่สองขั้นตอนดังนี้

1. แปลง .WOFF2 เป็น .TTX ก่อนโดยพิมพ์คำสั่งง่ายๆ ดังนี่ แล้วเราจะได้ไฟล์ variable-font.ttx ออกมา

โค้ด:

>> ttx /path/to/your/variable-font.woff2

2. แปลง .TTX เป็น .TTF โดยพิมพ์คำสั่งง่ายๆ ดังนี่

โค้ด:

>> ttx /path/to/your/variable-font.ttx

แล้วเราจะได้ไฟล์ variable-font.ttf ออกมา สามารถเปิดและติดตั้งลงเครื่องได้แล้ว
แล้วเราจะหา Variable font ได้จากไหนละ จุ๊ๆ อะมาต่อ

การแปลงจาก .TTF เป็น .WOFF2 บ้าง
1. แปลง .TTF เป็น .TTX ก่อน
 

โค้ด:

>> ttx /path/to/your/variable-font.ttf

2 แล้วเราจะได้ .TTX ออกมาแล้วให้เราพิมพ์คำสั่งต่อดังนี่

โค้ด:

>> ttx --flavor woff2 /path/to/your/variable-font.ttx

เห็นได้ว่าคำสั่งง่ายมากๆ เลยนะครับ

[**มาบอกศาสตร์มืด แปลง WOFF2-Variable font เป็น TTF**]

**มาบอกศาสตร์มืด แปลง WOFF2-Variable font เป็น TTF**