lab72: custom fonts

June 25, 2010 lab72 7 Comments

lab72 เป็นโครงการที่เรามีเอาไว้สำหรับทดลองเทคโนโลยี หรือ เทคนิคใหม่ๆ ที่เราได้คิดค้น ศึกษา ลอกชาวบ้าน ต่างๆนานา โดยหวังว่าวันหนึ่งเราจะสามารถนำสิ่งที่คิดได้นี้มาใช้ให้เป็นประโยชน์กับลูกค้าของเราอย่างสูงสุด (พูดแล้วฟังดูดีมากๆ) โดยที่ผ่านมาเราในอดีต เรามีการทดลองเช่น flashpaper, css (ยุคแรกๆ), การคัดกรองเฉพาะข้อมูลที่สำคัญออกมาพิมพ์เมื่อเรากดปุ่ม print โดยลบเอาปุ่ม “print this page” ออก, ปัญหาตัวอักษร “ญ” กับ flash และอื่นๆอีกมากมาย ทีมพัฒนาก็มีทั้งทีม rgb72 เราเอง และบางครั้งก็มีทีมเพื่อนๆ ที่เข้ามาร่วมแชร์ไอเดียและเทคโนโลยีต่างๆด้วย โดย lab72 นี้เป็นสิ่งที่เรามีอยู่นานแล้ว เพียงแต่ไม่เคยได้พูดถึงกัน

วันนี้เราจะมาพูดถึงการศึกษาล่าสุดของเรากัน

ก่อนหน้านี้หากเราต้องการใช้ตัวอักษรที่มีหน้าตาแตกต่างออกไปจากตัวอักษรที่มีอยู่ในเครื่อง (ซึ่งแสนจะน่าเบื่อ) เราต้องไปทำตัวอักษรเหล่านั้นใน Photoshop จากนั้นจึง export ออกมาเป็นรูป

ล่าสุด ทีม coding ของ rgb72 ได้ศึกษาเรื่องการใช้ custom font หรือการนำแบบตัวอักษรที่นอกเหนือจากแบบที่มีอยู่ในเครื่องคอมพิวเตอร์ทุกเครื่องมาใช้โดยอาศัย JavaScript และ CSS มาช่วย โดยตัวอักษรที่เราใช้ทดลองในครั้งนี้เป็นตัวอักษร ภาษาไทย หลากหลายรูปแบบ

ผลจากการทดลองแล้วพบว่า สามารถแสดงรูปแบบตัวอักษรออกมาได้สวยงามดีมาก จะติดปัญหาหนึ่งคือปัญหา “สระลอย” โดยเฉพาะเมื่อขนาดของตัวอักษรนั้นใหญ่ขึ้น ก็จะยิ่งเห็น สระลอย ชัดเจนยิ่งขึ้น

วันนี้ลองเอาภาพ capture หน้าจอเมื่อ test custom font มาให้ได้ดูกันครับ

** หากใครพอจะทราบการแก้ปัญหาสระลอยได้ สามารถแจ้งมาได้นะครับ **