How To วิธีการ ดาวน์โหลดฟ้อนต์ จาก Google Fonts

Update

หลังจากที่ Google ได้ปล่อย Service อย่าง Google Fonts ออกมาให้เราได้ยลโฉมและใช้งานกันมาสักพัก ก็ได้มีหลากหลายคำถามที่เราต้องคอยตอบกับแฟนเพจเกือบทุกอาทิตย์ แต่คำถามที่เรามักจะได้ตอบบ่อยมากๆนั่นก็คือ อยากรู้วิธีการ ดาวน์โหลดฟ้อนต์ จาก Google Fonts

วิธีการด ดาวน์โหลดฟ้อนต์ จาก Google Fonts นั้นไม่ใช่เรื่องยาก วันนี้เราจะพาไปเรียนรู้วิธีการดาวน์โหลดฟ้อนต์มาใช้กันแบบ Step by Step พร้อมแล้วไปลุยกันเลย

1. เข้าที่ไปเว็บไซต์ของ Google Fonts

หน้าตาของเว็บไซต์จะประกอบไปด้วย 2 ส่วนหลักๆคือ
1. ส่วนแสดงหน้าตาของชื่อฟ้อนต์ หน้าตาฟ้อนต์
2. ส่วน Filter Function (ทางด้านขวามือ) ใช้ทำการกรองฟ้อนต์ให้ตรงตามความต้องการ

ดาวน์โหลดฟ้อนต์

ลองทำการ Filter เฉพาะฟ้อนต์ภาษาไทย ระบบกรองถือว่าใช้งานง่ายมากๆ

ดาวน์โหลดฟ้อนต์


2. เลือกฟ้อนต์ที่ต้องการดาวน์โหลด

เลือกฟ้อนต์โดยการกดคลิกที่ชื่อฟ้อนต์ที่ต้องการได้เลย โดยทางผมได้เลือกฟ้อนต์ Trirong ของ Cadson Demak มาเป็นตัวอย่างตามรูปภาพด้านล่าง

ดาวน์โหลดฟ้อนต์


3. กดปุ่ม + SELECT THIS FONT เพื่อดาวน์โหลด

หลังจากที่เราได้เข้ามายังหน้ารายละเอียดฟ้อนต์ของ ฟ้อนต์ Trirong แล้ว ให้สังเกตมุมขวาบนจะมีปุ่ม + SELECT THIS FONT อยู่ ให้เรากดปุ่มนั้นได้เลย

ดาวน์โหลดฟ้อนต์

หลังจากกดปุ่ม + SELECT THIS FONT แล้วจะมี Tab Bar ขึ้นมาด้านล่างมุมขวาตามภาพดาวน์โหลดฟ้อนต์

ให้เรากดที่ Tab Bar เพื่อเปิดให้เรามองเห็นข้อมูลอื่นๆเช่น การ Embeb Font หรือ CSS หากเราไม่สนใที่จะนำฟ้อนต์ไปใช้ในรูปแบบ CSS & HTML ให้เรากดปุ่มลูกศรลง(ปุ่มดาวน์โหลด)ด้านบนขวามือเพื่อทำการ ดาวน์โหลดฟ้อนต์ ได้เลย

ดาวน์โหลดฟ้อนต์

ระบบจะทำการดาวน์โหลดฟ้อนต์ลงมาไว้บนเครื่องของเรา และสามารถนำฟ้อนต์ไปติดตั้งเพื่อใช้งานได้ทันที

ดาวน์โหลดฟ้อนต์


สำหรับเพื่อนๆที่ติดตั้งฟ้อนต์ไม่เป็นสามารถดูวีดีโอวิธีการติดตั้งฟ้อนต์ที่เลยครับ