เว็บฟอนต์ภาษาไทย

รวมเว็บฟอนต์ภาษาไทย สำหรับใช้งานผ่าน CDN

• ดูข้อมูลและวิธีใช้งาน ตัวอย่างฟอนต์ และ CSS พร้อมใช้ได้บนเว็บไซต์ thaiwebfonts.pages.dev
• ทุกฟอนต์ใช้งานเชิงพาณิชย์ได้ การใช้งานฟอนต์ต้องไม่ละเมิดสัญญาอนุญาตของแต่ละฟอนต์ ดูสัญญาอนุญาตของทุกฟอนต์ได้ในรายชื่อด้านล่าง

การใช้งาน

ใช้งานผ่าน CDN

ใช้ jsDelivr เพื่อใช้งานฟอนต์ผ่าน CDN ดูรายชื่อฟอนต์ทั้งหมดพร้อมคัดลอกลิงก์ CDN ได้ที่หน้านี้

ไฟล์ฟอนต์:

https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@7/fonts/ชื่อฟอนต์/ชื่อไฟล์.woff2

ไฟล์ CSS:

https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@7/fonts/ชื่อฟอนต์/ชื่อฟอนต์.css

ตัวอย่างการใช้งาน:

@font-face {
  font-family: 'Noto Sans Thai';
  src: url('https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@7/fonts/NotoSansThai/NotoSansThai-Regular.woff2')
    format('woff2');
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}

การกำหนดเลขเวอร์ชัน

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

รายชื่อฟอนต์

Anakotmai

ไทยเฟซ: https://thaifaces.com/specimen/anakotmai/
เว็บไซต์: https://futureforwardparty.org/?page_id=1242
สัญญาอนุญาต: Public Domain

Anuphan

ไทยเฟซ: https://thaifaces.com/specimen/anuphan/
เว็บไซต์: https://www.cadsondemak.com/medias/read/design-like-a-bilingual-ibm-plex-thai
ซอร์สโค้ด: https://github.com/cadsondemak/Anuphan
สัญญาอนุญาต: SIL Open Font License, version 1.1

Athiti

ไทยเฟซ: https://thaifaces.com/specimen/athiti/
เว็บไซต์: https://cadsondemak.github.io/athiti/
ซอร์สโค้ด: https://github.com/cadsondemak/athiti
สัญญาอนุญาต: SIL Open Font License, version 1.1

Bai Jamjuree

ไทยเฟซ: https://thaifaces.com/specimen/bai-jamjuree/
เว็บไซต์: https://cadsondemak.github.io/Bai-Jamjuree/
ซอร์สโค้ด: https://github.com/cadsondemak/Bai-Jamjuree
สัญญาอนุญาต: SIL Open Font License, version 1.1

Boon

ไทยเฟซ: https://thaifaces.com/specimen/boon/
เว็บไซต์: https://fontuni.com/boon/
ซอร์สโค้ด: https://github.com/fontuni/boon
สัญญาอนุญาต: SIL Open Font License, version 1.1

BoonJot

ไทยเฟซ: https://thaifaces.com/specimen/boonjot/
เว็บไซต์: https://fontuni.com/boonjot/
ซอร์สโค้ด: https://github.com/fontuni/boonjot
สัญญาอนุญาต: SIL Open Font License, version 1.1

BoonTook

ไทยเฟซ: https://thaifaces.com/specimen/boontook/
เว็บไซต์: https://fontuni.com/boontook/
ซอร์สโค้ด: https://github.com/fontuni/boontook
สัญญาอนุญาต: SIL Open Font License, version 1.1

BoonTook Mon

ไทยเฟซ: https://thaifaces.com/specimen/boontook-mon/
เว็บไซต์: https://fontuni.com/boontook/
ซอร์สโค้ด: https://github.com/fontuni/boontook
สัญญาอนุญาต: SIL Open Font License, version 1.1

Chakra Petch

ไทยเฟซ: https://thaifaces.com/specimen/chakra-petch/
เว็บไซต์: https://cadsondemak.github.io/Chakra-Petch/
ซอร์สโค้ด: https://github.com/cadsondemak/Chakra-Petch
สัญญาอนุญาต: SIL Open Font License, version 1.1

Charm

ไทยเฟซ: https://thaifaces.com/specimen/charm/
เว็บไซต์: https://cadsondemak.github.io/Charm/
ซอร์สโค้ด: https://github.com/cadsondemak/Charm
สัญญาอนุญาต: SIL Open Font License, version 1.1

Charmonman

ไทยเฟซ: https://thaifaces.com/specimen/charmonman/
เว็บไซต์: https://cadsondemak.github.io/Charmonman/
ซอร์สโค้ด: https://github.com/cadsondemak/Charmonman
สัญญาอนุญาต: SIL Open Font License, version 1.1

Chonburi

ไทยเฟซ: https://thaifaces.com/specimen/chonburi/
เว็บไซต์: https://cadsondemak.github.io/chonburi/
ซอร์สโค้ด: https://github.com/cadsondemak/chonburi
สัญญาอนุญาต: SIL Open Font License, version 1.1

Chulabhorn Likit Display

ไทยเฟซ: https://thaifaces.com/specimen/chulabhorn-likit-display/
เว็บไซต์: https://www.cra.ac.th/th/download_fonts
สัญญาอนุญาต: SIL Open Font License, version 1.1 (อ้างอิงจากคัดสรร ดีมาก)

Chulabhorn Likit Text

ไทยเฟซ: https://thaifaces.com/specimen/chulabhorn-likit-text/
เว็บไซต์: https://www.cra.ac.th/th/download_fonts
สัญญาอนุญาต: SIL Open Font License, version 1.1 (อ้างอิงจากคัดสรร ดีมาก)

Droid Sans Thai

ไทยเฟซ: https://thaifaces.com/specimen/droid-sans-thai/
สัญญาอนุญาต: Apache License, version 2.0

Fahkwang

ไทยเฟซ: https://thaifaces.com/specimen/fahkwang/
เว็บไซต์: https://cadsondemak.github.io/Fah-Kwang/
ซอร์สโค้ด: https://github.com/cadsondemak/Fah-Kwang
สัญญาอนุญาต: SIL Open Font License, version 1.1

Garuda

ไทยเฟซ: https://thaifaces.com/specimen/garuda/
เว็บไซต์: https://linux.thai.net/projects/fonts-tlwg
ซอร์สโค้ด: https://github.com/tlwg/fonts-tlwg
สัญญาอนุญาต: GNU General Public License, version 2

IBM Plex Sans Thai

ตัวอย่างและทดลองพิมพ์: https://thaiwebfonts.pages.dev/fonts/ibm-plex-sans-thai/
เว็บไซต์: https://www.ibm.com/plex/
ซอร์สโค้ด: https://github.com/IBM/plex
สัญญาอนุญาต: SIL Open Font License, version 1.1

IBM Plex Sans Thai Looped

ตัวอย่างและทดลองพิมพ์: https://thaiwebfonts.pages.dev/fonts/ibm-plex-sans-thai-looped/
เว็บไซต์: https://www.ibm.com/plex/
ซอร์สโค้ด: https://github.com/IBM/plex
สัญญาอนุญาต: SIL Open Font License, version 1.1

Itim

ไทยเฟซ: https://thaifaces.com/specimen/itim/
เว็บไซต์: https://cadsondemak.github.io/itim/
ซอร์สโค้ด: https://github.com/cadsondemak/itim
สัญญาอนุญาต: SIL Open Font License, version 1.1

K2D

ไทยเฟซ: https://thaifaces.com/specimen/k2d/
เว็บไซต์: https://cadsondemak.github.io/K2D/
ซอร์สโค้ด: https://github.com/cadsondemak/K2D
สัญญาอนุญาต: SIL Open Font License, version 1.1

Kanit

ไทยเฟซ: https://thaifaces.com/specimen/kanit/
เว็บไซต์: https://cadsondemak.github.io/kanit/
ซอร์สโค้ด: https://github.com/cadsondemak/kanit
สัญญาอนุญาต: SIL Open Font License, version 1.1

Kinnari

ไทยเฟซ: https://thaifaces.com/specimen/kinnari/
เว็บไซต์: https://linux.thai.net/projects/fonts-tlwg
ซอร์สโค้ด: https://github.com/tlwg/fonts-tlwg
สัญญาอนุญาต: GNU General Public License, version 2

Kodchasan

ไทยเฟซ: https://thaifaces.com/specimen/kodchasan/
เว็บไซต์: https://cadsondemak.github.io/Kodchasan/
ซอร์สโค้ด: https://github.com/cadsondemak/Kodchasan
สัญญาอนุญาต: SIL Open Font License, version 1.1

KoHo

ไทยเฟซ: https://thaifaces.com/specimen/koho/
เว็บไซต์: https://cadsondemak.github.io/Koho/
ซอร์สโค้ด: https://github.com/cadsondemak/Koho
สัญญาอนุญาต: SIL Open Font License, version 1.1

Krub

ไทยเฟซ: https://thaifaces.com/specimen/krub/
เว็บไซต์: https://cadsondemak.github.io/Krub/
ซอร์สโค้ด: https://github.com/cadsondemak/Krub
สัญญาอนุญาต: SIL Open Font License, version 1.1

LINE Seed Sans TH

ไทยเฟซ: https://thaifaces.com/specimen/line-seed-sans-th/
เว็บไซต์: https://seed.line.me/index_th.html
สัญญาอนุญาต: SIL Open Font License, version 1.1

Loma

ไทยเฟซ: https://thaifaces.com/specimen/loma/
เว็บไซต์: https://linux.thai.net/projects/fonts-tlwg
ซอร์สโค้ด: https://github.com/tlwg/fonts-tlwg
สัญญาอนุญาต: GNU General Public License, version 2

Maitree

ไทยเฟซ: https://thaifaces.com/specimen/maitree/
เว็บไซต์: https://cadsondemak.github.io/maitree/
ซอร์สโค้ด: https://github.com/cadsondemak/maitree
สัญญาอนุญาต: SIL Open Font License, version 1.1

Mali

ไทยเฟซ: https://thaifaces.com/specimen/mali/
เว็บไซต์: https://cadsondemak.github.io/Mali/
ซอร์สโค้ด: https://github.com/cadsondemak/Mali
สัญญาอนุญาต: SIL Open Font License, version 1.1

Mitr

ไทยเฟซ: https://thaifaces.com/specimen/mitr/
เว็บไซต์: https://cadsondemak.github.io/mitr/
ซอร์สโค้ด: https://github.com/cadsondemak/mitr
สัญญาอนุญาต: SIL Open Font License, version 1.1

Niramit

ไทยเฟซ: https://thaifaces.com/specimen/niramit/
เว็บไซต์: https://cadsondemak.github.io/Niramit/
ซอร์สโค้ด: https://github.com/cadsondemak/Niramit
สัญญาอนุญาต: SIL Open Font License, version 1.1

Norasi

ไทยเฟซ: https://thaifaces.com/specimen/norasi/
เว็บไซต์: https://linux.thai.net/projects/fonts-tlwg
ซอร์สโค้ด: https://github.com/tlwg/fonts-tlwg
สัญญาอนุญาต: GNU General Public License, version 2

Noto Sans Thai

ไทยเฟซ: https://thaifaces.com/specimen/noto-sans-thai/
เว็บไซต์: https://fonts.google.com/noto/specimen/Noto+Sans+Thai
ซอร์สโค้ด: https://github.com/notofonts/thai
สัญญาอนุญาต: SIL Open Font License, version 1.1

Noto Sans Thai Looped

ไทยเฟซ: https://thaifaces.com/specimen/noto-sans-thai-looped/
เว็บไซต์: https://fonts.google.com/noto/specimen/Noto+Sans+Thai+Looped
ซอร์สโค้ด: https://github.com/notofonts/thai
สัญญาอนุญาต: SIL Open Font License, version 1.1

Noto Serif Thai

ไทยเฟซ: https://thaifaces.com/specimen/noto-serif-thai/
เว็บไซต์: https://fonts.google.com/noto/specimen/Noto+Serif+Thai
ซอร์สโค้ด: https://github.com/notofonts/thai
สัญญาอนุญาต: SIL Open Font License, version 1.1

Pattaya

ไทยเฟซ: https://thaifaces.com/specimen/pattaya/
เว็บไซต์: https://cadsondemak.github.io/pattaya/
ซอร์สโค้ด: https://github.com/cadsondemak/pattaya
สัญญาอนุญาต: SIL Open Font License, version 1.1

Pridi

ไทยเฟซ: https://thaifaces.com/specimen/pridi/
เว็บไซต์: https://cadsondemak.github.io/pridi/
ซอร์สโค้ด: https://github.com/cadsondemak/pridi
สัญญาอนุญาต: SIL Open Font License, version 1.1

Prompt

ไทยเฟซ: https://thaifaces.com/specimen/prompt/
เว็บไซต์: https://cadsondemak.github.io/prompt/
ซอร์สโค้ด: https://github.com/cadsondemak/prompt
สัญญาอนุญาต: SIL Open Font License, version 1.1

Purisa

ไทยเฟซ: https://thaifaces.com/specimen/purisa/
เว็บไซต์: https://linux.thai.net/projects/fonts-tlwg
ซอร์สโค้ด: https://github.com/tlwg/fonts-tlwg
สัญญาอนุญาต: GNU General Public License, version 2

Sarabun

ไทยเฟซ: https://thaifaces.com/specimen/sarabun/
เว็บไซต์: https://cadsondemak.github.io/Sarabun/
ซอร์สโค้ด: https://github.com/cadsondemak/sarabun
สัญญาอนุญาต: SIL Open Font License, version 1.1

Sawasdee

ไทยเฟซ: https://thaifaces.com/specimen/sawasdee/
เว็บไซต์: https://linux.thai.net/projects/fonts-tlwg
ซอร์สโค้ด: https://github.com/tlwg/fonts-tlwg
สัญญาอนุญาต: GNU General Public License, version 2

Sriracha

ไทยเฟซ: https://thaifaces.com/specimen/sriracha/
เว็บไซต์: https://cadsondemak.github.io/sriracha/
ซอร์สโค้ด: https://github.com/cadsondemak/sriracha
สัญญาอนุญาต: SIL Open Font License, version 1.1

Srisakdi

ไทยเฟซ: https://thaifaces.com/specimen/srisakdi/
เว็บไซต์: https://cadsondemak.github.io/Srisakdi/
ซอร์สโค้ด: https://github.com/cadsondemak/Srisakdi
สัญญาอนุญาต: SIL Open Font License, version 1.1

Taviraj

ไทยเฟซ: https://thaifaces.com/specimen/taviraj/
เว็บไซต์: https://cadsondemak.github.io/taviraj/
ซอร์สโค้ด: https://github.com/cadsondemak/taviraj
สัญญาอนุญาต: SIL Open Font License, version 1.1

Thasadith

ไทยเฟซ: https://thaifaces.com/specimen/thasadith/
เว็บไซต์: https://cadsondemak.github.io/Thasadith/
ซอร์สโค้ด: https://github.com/cadsondemak/Thasadith
สัญญาอนุญาต: SIL Open Font License, version 1.1

Tlwg Typewriter

ไทยเฟซ: https://thaifaces.com/specimen/tlwg-typewriter/
เว็บไซต์: https://linux.thai.net/projects/fonts-tlwg
ซอร์สโค้ด: https://github.com/tlwg/fonts-tlwg
สัญญาอนุญาต: GNU General Public License, version 2

Tlwg Typist

ไทยเฟซ: https://thaifaces.com/specimen/tlwg-typist/
เว็บไซต์: https://linux.thai.net/projects/fonts-tlwg
ซอร์สโค้ด: https://github.com/tlwg/fonts-tlwg
สัญญาอนุญาต: GNU General Public License, version 2

Trirong

ไทยเฟซ: https://thaifaces.com/specimen/trirong/
เว็บไซต์: https://cadsondemak.github.io/trirong/
ซอร์สโค้ด: https://github.com/cadsondemak/trirong
สัญญาอนุญาต: SIL Open Font License, version 1.1

Umpush

ไทยเฟซ: https://thaifaces.com/specimen/umpush/
เว็บไซต์: https://linux.thai.net/projects/fonts-tlwg
ซอร์สโค้ด: https://github.com/tlwg/fonts-tlwg
สัญญาอนุญาต: GNU General Public License, version 2