Google Font แจกฟอนต์ไทยฟรี แถมฟอนต์สวยๆทั้งนั้นสำหรับเอาไปทำเว็บจาก Google

แนำนำบริการ Google Font แจกฟอนต์ไทยฟรี ๆ เอาไปใช้ทำเว็บกันซึ่งฟอนต์ไทยแต่ละตัวที่มีใน Google Font สามารถเอาไปใช้ในเชิงพาณิชย์ได้อย่างสบายใจหายห่วง
Google Fonts เป็นบริการแจกฟอนต์ฟรีจาก Google มีฟอนต์ฟรีสวย ๆให้เลือกใช้มากมายเกือบทุกภาษา ส่วนฟอนต์ไทย มี 23 แบบบให้เลือกใช้ (ข้อมูล ณ วันที่ 8-12-2018) ซึ่งวิธีนำฟอนต์มาใช้งานนั้นไม่ต้อง Download ฟอนต์มา Convert และ เขียน CSS3 @font-face ให้เสียเวลา แค่เอาลิงค์ของฟอนต์ที่ต้องการมาใส่ในเว็บไซต์ก็ใช้งานได้แล้วครับ
ตัวอย่างลิงค์ที่ได้จาก Google Fonts
<link href="https://fonts.googleapis.com/css?family=Prompt" rel="stylesheet">
ในบทความนี้จะยกตัวอย่างฟอนต์ไทยมา 18 แบบจากทั้งหมด 23 แบบที่มีใน Google Fonts
1. ฟอนต์ Srisakdi
2. ฟอนต์ Charmonman
3. ฟอนต์ Fahkwang
4. ฟอนต์ Itim (ไอติม) – ฟอนต์ตัวนี้ออกแนวน่ารักโดนใจแอดมิน
5. ฟอนต์ Chonburi (ชลบุรี)
6. ฟอนต์ Niramit
7. ฟอนต์ Kanit (คณิต)
8. ฟอนต์ Prompt (พร้อม) - ฟอนต์ตัวนี้เห็นเขานำไปใช้ในเว็บกันหลายเว็บเลยล่ะ
9. ฟอนต์ Trirong (ไตรรงค์)
10. ฟอนต์ Mali
11. ฟอนต์ Taviraj (ทวิราช)
12. ฟอนต์ Mitr (มิตร)
13. ฟอนต์ Athiti (อธิติ)
14. ฟอนต์ Pridi (ปรีดี)
15. ฟอนต์ Maitr (ไมตรี) – ฟอนต์ไทยมีหัวอีกตัวนึงที่แอดมินชอบมาก
16. ฟอนต์ Pattaya (พัทยา)
17. ฟอนต์ Sriracha (ศรีราชา) – ฟอนต์ไม่มีหัวโค้งมนเรียบง่าย เป็นฟอนต์ที่ดูไปดูมาก็คล้ายๆลายมือเขียนน่ะ
18. ฟอนต์ K2D
หากใครต้องการดูฟอนต์ไทยทั้งหมดใน google คลิกลิงค์นี้ได้เลย https://fonts.google.com/?subset=thai
ต่อมาก็มาดูวิธีการนำเอา front จาก google front มาใช้กันดีกว่า
- เข้าเว็บไซต์ https://fonts.google.com
- ในเมนูด้านขวามือเลือกช่อง Languages ให้เลือกเป็น Thai จากนั้นคุณจะเจอกับฟอนต์ไทย 23 แบบสวย ๆ ที่มีใน Google Font
- ถ้าชอบฟอนต์ไหนก็กดปุ่ม
สีแดงที่มุมบนขวาของฟ้นอต์แต่ละตัว จากนั้นจะมีเมนูด้านล่างแสดงขึ้นมา ว่าเราเลือกไปกี่ฟอนต์แล้ว จะเลือกหลาย ๆ ฟอนต์ก็ได้ ถ้าหากเราเลือกไปแล้ว แต่ถ้าอยากจะลบฟอนต์นั้นออกก็แค่คลิปปุ่มเครื่องหมายลบครับ
- เมื่อเลือกฟอนต์เสร็จแล้ว ให้คลิกที่บาร์สีดำด้านล่างที่เขียนว่า “X families Selected” จากนั้นจะพบหน้าต่างแสดงฟอนต์ที่เราเลือกและวิธีการใช้งานฟอนต์ เราสามารถก็อปปี้โค้ดไปใช้ใน HTML / CSS ได้เลยครับ
- หากเราต้องการปรับฟอนต์ เช่น ขนาด ,ความหนาของฟอนต์ เป็นต้น ก็คลิกแท็ป CUSTOMIZE เพื่อปรับแต่งฟอนต์ได้เลยครับ
- เพียงเท่านี้เราก็จะมีฟอนต์ไทยฟรีๆ สวยๆ เอาไปใช้กับเว็บไซต์ได้แล้วครับ
- ตัวอย่างด้านล่างคือการนำ code ที่ google แจ้งมาไปใช้บนเว็บน่ะครับ
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title></title> <link href="https://fonts.googleapis.com/css?family=Prompt" rel="stylesheet"> <style media="screen"> body{ font-family: 'Prompt', sans-serif; } </style> </head> <body> <p> แบบทดสอบออนไลน์ เทพควิซ(lnwquiz.com) รวมแบบทดสอบหลากหลายแนว รวมบทความให้ความรู้ความรู้แก่ทุกเพศทุกวัย อยากทดสอบวัดความรู้มาที่ เทพควิซ(lnwquiz.com) </p> </body></html>
😘สุดท้ายนี้ขอขอบคุณ google front ที่ได้แจกฟรีฟอนต์ไทยสวยๆ มาให้คนทำเว็บไซต์ใช้งานได้ฟรีซึ่งลดภาระค่าทำเว็บไซต์ไปได้หลายบาทเลยทีเดียว🤗