หน้า: [1] 2
 
ผู้เขียน หัวข้อ: variable font  (อ่าน 14323 ครั้ง)
0 สมาชิก และ 1 ขาจร กำลังดูหัวข้อนี้


สนุกล่ะทีนี้ feature ใหม่ ของ Open Type Font ครับ (version 1.8)  เพิ่งอ่านเจอเมื่อวันก่อน

สามารถกำหนดความกว้าง และน้ำหนักได้


แล้วยังสามารถปรับเปลี่ยนรูปร่างได้อีกด้วย


วันนี้หา web site ที่ show ความสามารถของ variable font เจอแล้ว สนุกมาก

เพื่อนๆลองไปเล่นดูครับ  งานเข้าคนออกแบบฟอนต์ ล่ะทีนี้   (อิอิ)

http://www.axis-praxis.org/

ตัวอย่างใน youtube

« แก้ไขครั้งสุดท้าย: 18 ต.ค. 2017, 22:31 น. โดย iannnnn » บันทึกการเข้า
คุณพระช่วย โวย โวย โวย โวย โวย โวย
บันทึกการเข้า

ทำมาหากินด้วยการเปิดร้านสกรีนเสื้อยืด จ้ะ
เพิ่มตัวอย่าง การออกแบบ variable font ใน font file เดียว

1. ปรับตัวหนาบาง ความสูงเดียว


2. ปรับตัวหน้าบาง และขนาดความสูงของอักษรตัวพิมพ์เล็ก ในแต่ละระดับ


3. ปรับความหนาบาง และความสูงแบบไปพร้อมกัน


4. ปรับตัวหนาบาง ความกว้าง และความเอียง


5. แปลงร่าง


6. ลองเอา ฟอนต์แปลงร่าง มาขยับไม่พร้อมกัน



บันทึกการเข้า
ศึกษาเพิ่มจากตัวอย่างใน github

https://github.com/adobe-fonts/adobe-variable-font-prototype
https://github.com/TrueTyper/BuffaloGals
https://github.com/TypeNetwork/fb-Amstelvar
https://github.com/twardoch/varfonts-ofl/tree/master/VotoSerifGX-OFL
บันทึกการเข้า
แค่นึกว่าทั้งหมดนี่ทำจากฟอนต์เพียวๆ ก็หนาวดึ๋งแล้วครับ fuc yea
บันทึกการเข้า

ทำมาหากินด้วยการเปิดร้านสกรีนเสื้อยืด จ้ะ
เพิ่มเติม เผื่อมีคนสนใจว่า Variable Font แบบไทยๆ นะครับ ผมเขียนไว้เมื่อปลายปีที่แล้ว

- https://fontuni.com/articles/2016-12-19-thai-variable-fonts-idea.html
- https://www.facebook.com/FontUni/videos/vb.675293215917931/1167024560078125
บันทึกการเข้า

เทมเพลตฟอนต์ไทย FontUni https://github.com/fontuni/fontuni/releases
เพิ่มเติม เผื่อมีคนสนใจว่า Variable Font แบบไทยๆ นะครับ ผมเขียนไว้เมื่อปลายปีที่แล้ว

- https://fontuni.com/articles/2016-12-19-thai-variable-fonts-idea.html
- https://www.facebook.com/FontUni/videos/vb.675293215917931/1167024560078125

ยอดเยี่ยม กระเทียมเจียวเลยครับ  (แจ๋ว แจ๋ว) (แจ๋ว แจ๋ว) (แจ๋ว แจ๋ว)
บันทึกการเข้า
What do Variable Fonts mean for Web Developers? – prototypr
https://blog.prototypr.io/what-does-variable-fonts-mean-for-web-developers-2e2b96c66497



สำหรับนักพัฒนาเว็บครับ
บันทึกการเข้า

ทำมาหากินด้วยการเปิดร้านสกรีนเสื้อยืด จ้ะ
ตอนนี้สามารถใช้กับโปรแกรมอะไรบ้างครับ กรี๊ดดดดด
บันทึกการเข้า

นักเขียนการ์ตูนรายปี
ที่ลองในเบราว์เซอร์มาตรฐานยังไม่ได้เลยครับ ฮ่าๆ ฮือๆ
บันทึกการเข้า

ทำมาหากินด้วยการเปิดร้านสกรีนเสื้อยืด จ้ะ
ตอนนี้สามารถใช้กับโปรแกรมอะไรบ้างครับ กรี๊ดดดดด

ลองไปที่นี่ครับ http://www.axis-praxis.org/

เขาจะแนะนำให้ว่า How to get variable fonts working in Safari, Chrome and Firefox

เครื่องผมเป็น windows7  ผมใช้ Chrome สีทองครับ  work และสนุกดี
บันทึกการเข้า
ฟอนต์เกลียดเต้าหู้ออก Variable Font แล้ว แทบทุกภาษา

ของไทย NotoSansThai-VF.ttf, NotoSansThaiUI-VF.ttf, NotoSerifThai-VF.ttf

download ได้ที่ https://github.com/googlei18n/noto-fonts-alpha/tree/master/from-pipeline/unhinted/variable-ttf จ้า

สนุกสนานแค่ไหน ลองดูที่ fb คุณ Sungsit https://www.facebook.com/FontUni/videos/1408324225948156/
« แก้ไขครั้งสุดท้าย: 24 ก.ย. 2017, 13:53 น. โดย uvSOV » บันทึกการเข้า
โอ๊ย สุดยอด โวย
บันทึกการเข้า

ทำมาหากินด้วยการเปิดร้านสกรีนเสื้อยืด จ้ะ
น่าสนใจมากครับ
บันทึกการเข้า
อัปเดตล่าสุด Google Chrome 62 รองรับฟอนต์แบบนี้แล้วครับ อ๊ากกกก หื่นนนนน
ใครอัปเดตโครมแล้วลองเข้าไปเล่นดู http://www.axis-praxis.org/
บันทึกการเข้า

ทำมาหากินด้วยการเปิดร้านสกรีนเสื้อยืด จ้ะ
หน้า: [1] 2
 
 
Powered by MySQL Powered by PHP Powered by SMF 1.1.21 | SMF © 2006-2007, Simple Machines | Thai language by ThaiSMF Valid XHTML 1.0! Valid CSS!