fbpx
Google Fonts เป็นฟ้อนต์ที่ใช้ฟรีบนเว็บไซต์ มีให้เลือกใช้มากมายหลายรูปแบบ เราตามมาดูฟอนต์สวยๆและวิธีการใช้งานกัน

วิธีการใส่ฟ้อนต์ฟรี GOOGLE FONTS ในเว็บไซต์

  1. ไปที่เว็บไซต์ Google Fonts
  2. ในเมนูด้านซ้าย เลือก Languages > Thai
3.เท่านี้ก็จะเจอกับฟ้อนต์ไทย 12 แบบสวย ๆ จาก Cadson Demak 4. ถ้าชอบฟ้อนต์ไหน ก็กดปุ่ม + สีแดงที่มุมบนขวาของแต่ละฟ้อนตื จะมีบาร์ข้างล่างโผล่ขึ้นมาแสดงว่าเราเลือกไปกี่ฟ้อนต์แล้ว จะเลือกหลาย ๆ ฟ้อนต์ก็ได้ 5. เลือกเสร็จ คลิกที่บาร์สีดำที่เขียนว่า “X families Selected” ด้านล่าง หน้าต่างแนะนำวิธีการใช้งานฟ้อนต์ที่เราเลือกจะปรากฏขึ้นมา สามารถก็อปปี้โค้ดไปใช้ใน HTML / CSS ของเราได้เลยครับ 6. สำหรับโค้ด HTML นำไปใส่ในระหว่าง <head> … </head> ได้เลย หรือถ้าอยาก @import ใส่ CSS แทนสามารถเลือกแท็บ @IMPORT 7. สำหรับโค้ด CSS ให้นำไปใส่ใน CSS Selector ที่ต้องการแสดงฟ้อนต์ตัวนั้น ตัวอย่างเช่น
  1. /* ใช้ทั้งเว็บไซต์ */
  2. body {
  3. font-family: ‘Chonburi’, sans-serif;
  4. }
  5. /* ใช้เฉพาะหัวข้อ */
  6. h1, h2, h3, h4, h5, h6 {
  7. font-family: ‘Athiti’, sans-serif;
  8. }
 8. เสร็จเรียบร้อย เท่านี้ฟ้อนต์สวย ๆ ที่เราเลือกใช้ก็จะมาแสดงผลบนเว็บไซต์ได้แล้วค่ะ
เกาะติดข่าวสารการตลาดออนไลน์ เทคนิคการโปรโมทโฆษณา แค่กดเป็นเพื่อนกับ ไลน์ @ajlink ที่นี่
เพิ่มเพื่อน
Fanpage : Aj Link ติดตามข่าวสารไอที : www.ajlink.net  ที่มา fonts.google.com

By Aj.Link

อาจารย์หลิง ณิฌา CEO : inDigital Co.,Ltd.