font-family ไทย ฟอนต์ไทย HTML

font-family ไทย ฟอนต์ไทย HTML บทความนี้สอนโหลดฟอนต์ไทยด้วยคำสั่ง font-family โดยเลือกฟอนต์ไทยจาก Google Fonts เพื่อนำไปใช้งานในเว็บไซต์ที่ต้องการผ่านแท็ก link และ font-family มีรายละเอียดขั้นตอนดังนี้

ตัวอย่าง font-family ไทย ฟอนต์ไทย HTML

1. เข้าเว็บไซต์ Google Fonts ด้านล่าง จากนั้นตรง Language เลือกเป็น Thai

https://fonts.google.com/

2. เลือกฟอนต์ไทย ที่ต้องการใช้งานเช่น Prompt ให้กดคลิกที่ฟอนต์ไทยดังกล่าว และเลือนลงมาด้านล่างกดคลิก Regular 400 + เพื่อใช้งานฟอนต์ไทยดังกล่าว จากนั้นคลิก icon ด้านขวาบนสุด View selected families

3. ติ๊กเลือก <link> จากนั้นคัดลอกโค้ดไปใช้งานโดยแบ่งเป็น 2 ส่วน คือ <link> และ font-family

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Prompt&display=swap" rel="stylesheet">

font-family: 'Prompt', sans-serif;