ปกติแล้วเว็บไซต์ จะต้องใช้ฟอนต์ที่ต้องมาตรฐาน เพราะว่าถ้าใช้ฟอนต์อื่นจะไม่สามารถเปิดดูได้ เป็นภาษาต่างดาว

อยากมีฟอนต์สวยๆ ทำไงล่ะ??
- ทำรูปภาพขึ้นมา?? >> ต้องมาจะเปลี่ยนที ต้องมานั่งเปิด Photoshop แก้เอง ยุ่งยาก

Cunfon คือตัวช่วยให้เราได้สามารถใช้ฟอนต์สวยๆ ที่ต้องการได้โดยไม่ต้องสร้างรูปภาพเอง เราสามารถเขียน Html ธรรมดา เจ้า Cufon จะเปลี่ยนฟอน์ที่เราต้องการให้เป็นรูป png ได้ทันที

ขั้นตอนการทำง่ายๆ

1. ดาวน์โหลด cufon-yui.js
2. เอาฟอนต์ที่ต้องการที่เว็บไซต์ http://cufon.shoqolate.com/generate/
   อย่าลืม ติ๊กที่ The EULAs of these fonts allow Web Embedding (without Adobe Flash)

   

   สำหรับฟอนต์ภาษาไทย ต้องติ๊กเลือก All ด้วย

   
   อย่าลืม ติ๊ก I acknowledge and accept these terms

   

   Click!!

3. จะได้ไฟล์ .js มาตัวหนึ่ง
4. upload ไฟล์ .js ทั้ง 2 ตัวไว้ที่เว็บไซต์ของคุณ
5. กำหนด Header และ element ที่คุณต้องการใช้ฟอนต์สวยๆ นี้
   ที่ส่วน Head

   <script src=”script/cufon-yui.js” type=”text/javascript”></script>
   <script src=”script/penthai_900-penthai_700-penthai_italic_900-penthai_italic_700.font.js” type=”text/javascript”></script>
   <script type=”text/javascript”>
   Cufon.replace(‘h1,h2′);

   </script>
   <style type=”text/css”>
   h1 { font-size:60px; color: #2A2A2A ; text-align:center}
   h1 span { color: #A0A0A4}
   h2 { font-size:42px; text-align:center; }
   </style>

   ที่ส่วน Body

   <h1>คำสั่ง <span>WordPress</span> เบื้องต้น</h1>
   <h2>บทที่ 1 sidebar</h2>

จะได้ออกมาแบบนี้

ขอขอบคุณ: Cufon ใช้ฟ้อนท์บนเว็บไซต์ตามใจคุณ