เปลี่ยนฟอนต์เว็บ HTML ด้วยบริการ Google Fonts

เปลี่ยนฟอนต์เว็บ HTML ด้วยบริการ Google Fonts บทความนี้สอนเปลี่ยนรูปแบบตัวอักษร หรือ font ด้วยคำสั่ง font-family ร่วมกับรูปแบบตัวอักษรจากบริการของ Google Fonts สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง เปลี่ยนฟอนต์เว็บ HTML ด้วยบริการ Google Fonts

1. เรียกใช้ Google Fonts ผ่านแท็ก link โดยใส่โค้ดด้านล่างไว้ภายในแท็ก head ของเว็บไซต์

<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai+Looped&display=swap" rel="stylesheet">

2. ใช้คำสั่ง font-family เพื่อโหลดฟอนต์โดยเขียนโค้ดภายใน CSS หรือแท็ก style แนะนำวางไว้ภายในแท็ก head

<style>
    body {
        font-family: 'IBM Plex Sans Thai Looped', sans-serif;
    }
</style>