ใส่ฟอนต์สารพัดสู่หน้าเว็บได้ง่ายๆ ด้วย TTFGen

TTFGen

ตลอดระยะเวลาหลายปีที่ผ่านมา นักพัฒนาเทคโนโลยีต่างๆ บนเว็บไซต์ต่างพัฒนาศาสตร์แต่ละสายของการแสดงผลให้ยิ่งลึกล้ำและก้าวไกลไปเรื่อยๆ เพื่อให้ผู้ใช้อย่างเราๆ ได้สุขสบายกัน เทคโนโลยีด้านการแสดงผลตัวอักษรในเบราว์เซอร์ก็เช่นกัน ถ้านับย้อนไปแล้วจะเห็นว่าหลายๆ เจ้า หลายๆ ค่ายได้พัฒนาวิธีมากมายที่จะทำให้เราสามารถใส่ฟอนต์แปลกๆ ลงในเว็บได้ และวันนี้เราก็ได้รู้จักกับ TTFGen ซึ่งเป็นอีกเทคนิคนึงที่ฝรั่งใจดีเขาปรุงสูตรนี้มาให้ โดยหลักการคือใช้ Javascript Library (jQuery) ไปสั่ง PHP ให้เรียกไฟล์ฟอนต์ี่วางแอบๆ อยู่ มาแสดงผลเป็นภาพได้เลย!

วิธีนี้เขาอ้างว่าสามารถใช้ได้กับทุกเบราว์เซอร์ (ขอแถมว่า: ที่สนับสนุน Javascript นะครับ) โดยสามารถดูตัวอย่างการใช้งานได้ที่ TTFGen.com/demo (ใครใช้ Internet Explorer 6 ฝากทดสอบให้ด้วยนะครับว่าแจ่มหรือเปล่า เพราะเทคนิคอื่นๆ ที่เคยเจอมาเนี่ยมันใช้ได้บ้างไม่ได้บ้าง) เท่านี้ยังไม่พอ เขายังได้ผลิตเวอร์ชันที่เป็นปลั๊กอินสำหรับ WordPress ไว้ให้ดาวน์โหลดมาเล่นกันได้ด้วย เท่านี้เว็บเราก็สามารถแสดงผลฟอนต์เท่ๆ ได้อย่างไม่น้อยหน้าใครแล้ว!!

ส่วนข้อสังเกตที่เห็นแล้วไม่แน่ใจว่าจะเป็นข้อดีหรือข้อเสียเหมือนกัน อย่างนึงก็คือ ตัวอักษรที่แสดงผ่านหน้าเว็บนั้นจะถูก Render ออกมาเป็นภาพทั้งหมดแบบสดๆ ซึ่งงานนี้สะใจมากสำหรับคนเน็ตเร็ว และเซิฟเวอร์ที่สามารถรองรับการทำงานเยอะๆ แบบนี้ไหวในกรณีที่เป็นเว็บใหญ่ๆ คนเข้าเยอะๆ ครับ

ไปดูและดาวน์โหลดได้ที่ Embed Cross Browser Compatible TrueType Fonts (TTF) on your website. – Cross Browser and SEO compatible. WordPress Plugin now available. « TTFGen (จะยาวไปไหน)



เผื่อจะสนใจ ลองอ่านต่อนี่ดูไหมจ๊ะ

 
  • http://twitter.com/mokin27 mokin

    ลองทำตามวิธีนี้สิครับ
    font-face ผมลองได้ทุกเบาเซอร์ แต่ภาษาไทยยังเป็นต่างดาวน์ ไม่รู้ encode ผิดปล่าว ถ้าทำได้มาบอกกันมั้งครับ ว่าต้องแก้อะไร แล้วฟอนต์ไทยแบบฟรีทำเว็บ แล้วสวยใช้ตัวไหนกันครับ
    http://blog.themeforest.net/tutorials/how-to-achi…

  • เป้

    ดีหมด มาตายตรง gen เป็นภาพนี่แหละ

  • http://sptcenter.org spt

    ลอง TTFGen กับ "ดูเป้า" แล้ว ผลคือ
    1. สระลอย
    2. ลิงค์หาย ต้องไปแก้ในเทมเพลท ใส่ class span ครอบไว้อีกที
    <span class="x-files">Your Text</span>
    ถ้าจะเอามาใช้จริง คงต้องคิดดูก่อน

  • spt

    จริงๆ เว็บฝรั่ง ที่ Typo ดี (สวย คม อ่านง่าย) เขาก็ใช้ฟอนต์ที่มีอยู่แล้วโดยมาก
    แต่ที่เว็บฝรั่งบางเว็บ (กี่เว็บล่ะ เทียบกับเว็บฝรั่งทั่งโลก จะถึง .0001% หรือเปล่าก็ยังไม่รู้)
    ใช้เทคโนโลยีพวกนี้ sIFR, TTFGen เพราะเขาต้องการใช้ฟอนต์ "อื่น" เป็นพิเศษ

    ส่วนเว็บไทยตอนนี้ ฟอนต์พื้นฐานที่เหมาะสำหรับเว็บอย่างที่ว่า ก็ยังไม่มีเลย
    (ใช้โทมาฮอวค์ เอ้ย ทาโฮม่า ลูกเดียว ใครเบื่อมั่ง ยกมือ)
    การใช้ฟอนต์พิเศษ ก็ยังมีปัญหา คือค่อนข้างช้า สระลอย ลิงค์หาย อย่างที่ว่า
    คือปัญหาเดิมยังไม่ได้แก้ จะหันไปหาของใหม่ ก็ยังมีปัญหา (อาจจะมากกว่า)

    ฉะันั้น ทางแก้ที่ต้นเหตุ ก็ต้องมีฟอนต์แห่งชาติเหมาะสำหรับเว็บจริงๆ ออกมา
    (ใครจะเริ่ม ผมทำไม่เป็น! -แล้วพูดทำไมหว่า)

    จะรณรงค์ให้ติดตั้งฟอนต์แห่งชาติที่มีอยู่แล้ว (ตระกูล TH เป็นต้น) ไว้ อย่างน้อย 6 ฟอนต์ (family) ไปก่อนก็ดี
    เป็นฟอนต์อะไรบ้าง ก็มาโหวตกัน ทั้งตัวพื้นและ Heading
    ทุกเว็บจะได้ใช้ฟอนต์เหล่านี้ได้เลย

    จบดีกว่า

  • http://foursong.com gis

    ขอบคุณมากครับ

  • http://www.facebook.com/profile.php?id=748860361 Pradit Leelanimit

    เห็นด้วยครับ

  • http://gingtalk.blogspot.com gingtalk

    อะโชว์นิดนึงตรงผมจะใช้ทำโลโก้ภาษาอังตวน

  • http://www.facebook.com/suebphatt suebphatt

    เพิ่งนำไปลองใช้ใน IE6
    มันได้ผล แต่ขอบตัวอักษรแตกกระจุยเหมือนเกล็ดหนังปลาเลยครับ
    สำหรับผม มันอยู่ในขั้นที่รับไม่ค่อยได้ -_-"