การใช้ font-face ในหน้าเว็บ

สวัสดีครับ พ่อยก แม่ยกทั้งหลาย วันนี้มาแบบ สั้นๆ ง่ายๆ ห้วน ๆ ด้วนๆ เพราะสันดานมันฟ้อง “อะไรก็ได้ ง่ายๆ”

เราจะมา เอา “ตัวหนังสือ” เข้าไปใส่ในหน้าเว็บกัน

IE7 และ IE8 ก็ใช้ได้ด้วย แต่จริงๆ แล้วบราวเซอร์ทั้งสองตัวนี้ รองรับการ @font-face {} มานานแล้วนะครับ ที่ไม่ค่อยใช้กันเพราะว่า มันไม่รับ font แบบ .TTF (TrueType) แม่เจ้ารู้จักแต่ .EOT (OpenType) นี่มาตรฐาน M$ เค้าหละ

วิธีการใช้งานก็ปกติ ธรรมดา แค่เราต้องเอา Font ที่เป็น .ttf ที่มี ไปแปลงเป็น .eot เสียก่อน

เมื่อได้ Font ฟรีมาแล้ว ย้ำ ฟ้อนท์ ฟรี (อย่าไปขโมยใครมาให้เขาจับได้ เดี๋ยวเสียหมา) เอาฟ้อนท์ที่ได้ ไปแปลงเพศก่อน TTF to EOT Font Converter เมื่อได้มาแล้ว ให้เพิ่มตัวหนังสือเข้าเว็บ แบบข้างล่างนี้

แค่นี้หละครับ ไปหละ

ขอขอบพระคุณ พส. พิมพ์ดีด ๒ ใหม่ จาก f0nt.com

บทความสั้นๆ แบบนี้ เห็นแล้วก็ชวนให้ปวดตับ

รักกันชอบกันอย่าลืมแชร์นะครัช:
error0
Tweet 20
fb-share-icon20

Back to Top

4 Responses to การใช้ font-face ในหน้าเว็บ

  1. kOrr

    เป็นการผสมผสานบทความ css เข้ากับ ดนตรี rock alternative
    นี่คือ revolution !!

    Reply

  2. tum

    ทำวิํธีนี้เหมือนกันค่ะ ตัวหนังสือจะเห็นตามแบบที่เราต้องการได้ก็ต่อเมื่อเครื่องที่ดูมีฟอร์นนั้นอยู่ ทั้งๆ ที่ได้อัพฟอร์นนั้นและไฟล์ .eot ขึ้นไปแล้ว เครื่องที่ไม่มีฟอร์นที่เราทำก็ดูไม่ได้ดูดี

    Reply

  3. Priesdelly

    แต่ Chrome พังเฉยเลยครับ -_-“

    Reply

  4. dmdmdm

    convert font ยังไงคับ

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Back to Top

Social Share Buttons and Icons powered by Ultimatelysocial