หน้าเว็บ

วันอังคารที่ 10 เมษายน พ.ศ. 2555

การใช้ Google Web Font API

เพิ่มความสวยงามให้เว็บเพจ ด้วยบริการ Google Web Font กัน หมายเหตุ ณ เวลานี้ font ภาษาไทยยังไม่มีให้ใช้ แต่อนาคตเร็วๆนี้ ผมว่ามีเยอะแน่นอน

มาลองใช้ Font ภาษาอังกฤษกันไปพลางๆก่อน ก็แล้วกัน Google Web font เป็นบริการฟอนท์แบบ Open source จาก Google ซึ่งมีฟอนท์ให้ใช้ฟรีหลายร้อย  Font สามารถเข้าไปเลือกใช้แล้วนำไปใช้ได้ฟรี ได้ตัวหนังสือสวยๆ โดยไม่ต้องพึ่ง Graphic ไม่โหลดเว็บนาน

เลือกมาลองซัก Font ดูซิ เริ่มเข้าดูที่ Quick_Start ทาง link ด้านล่างนี้
https://developers.google.com/webfonts/docs/getting_started#Quick_Start

วิธีง่ายๆคือไปเลือก font ที่ชอบแล้ว ใส่  link rel stylesheet บน header, กำหนด class css
แล้วเรียกใช้ class นั้นใน body ของเว็บ

สิ่งสำคัญคือการเรียก stylesheet มาใช้ ในการเรียก 1 ครั้งสามารถกำหนดให้มีการเรียกหลายๆ fonts ได้โดย ใส่เครื่องหมาย | คั่นแต่ละ font เช่น
http://fonts.googleapis.com/css?family=Cantarell:italic|Droid+Serif:bold

1 ความคิดเห็น: