Thai Web Fonts
GitHub เปลี่ยนธีม อัตโนมัติ/สว่าง/มืด เปลี่ยนธีม อัตโนมัติ/สว่าง/มืด เปลี่ยนธีม อัตโนมัติ/สว่าง/มืด กลับไปหน้าแรก
  1. Thai Web Fonts
  2. /
  3. ฟอนต์
  4. /
  5. Noto Serif Thai
แก้ไขหน้านี้

Noto Serif Thai

มนุษย์ทั้งหลายเกิดมามีอิสระและเสมอภาคกันในเกียรติศักดิ์และสิทธิ ต่างมีเหตุผลและมโนธรรม และควรปฏิบัติต่อกันด้วยเจตนารมณ์แห่งภราดรภาพ

การใช้งาน

เลือกวิธีใช้งานฟอนต์นี้ในเว็บไซต์ของคุณ:

<link href="https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@6/fonts/NotoSerifThai/NotoSerifThai.css" rel="stylesheet" />

@font-face {
  font-family: 'Noto Serif Thai';
  src: url('https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@6/fonts/NotoSerifThai/NotoSerifThai-Thin.woff2') format('woff2');
  font-style: normal;
  font-weight: 100;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Serif Thai';
  src: url('https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@6/fonts/NotoSerifThai/NotoSerifThai-ExtraLight.woff2') format('woff2');
  font-style: normal;
  font-weight: 200;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Serif Thai';
  src: url('https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@6/fonts/NotoSerifThai/NotoSerifThai-Light.woff2') format('woff2');
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

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

@font-face {
  font-family: 'Noto Serif Thai';
  src: url('https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@6/fonts/NotoSerifThai/NotoSerifThai-Medium.woff2') format('woff2');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Serif Thai';
  src: url('https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@6/fonts/NotoSerifThai/NotoSerifThai-SemiBold.woff2') format('woff2');
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Serif Thai';
  src: url('https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@6/fonts/NotoSerifThai/NotoSerifThai-Bold.woff2') format('woff2');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Serif Thai';
  src: url('https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@6/fonts/NotoSerifThai/NotoSerifThai-ExtraBold.woff2') format('woff2');
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Serif Thai';
  src: url('https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@6/fonts/NotoSerifThai/NotoSerifThai-Black.woff2') format('woff2');
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

@import url('https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@6/fonts/NotoSerifThai/NotoSerifThai.css');

ใช้ CSS ด้านล่างนี้เพื่อกำหนดฟอนต์:

font-family: 'Noto Serif Thai', serif;

รายชื่อไฟล์ที่ใช้งานได้

ดูบน jsDelivr ดูบน GitHub 

NotoSerifThai-Black.woff2
NotoSerifThai-Bold.woff2
NotoSerifThai-Condensed.woff2
NotoSerifThai-CondensedBlack.woff2
NotoSerifThai-CondensedBold.woff2
NotoSerifThai-CondensedExtraBold.woff2
NotoSerifThai-CondensedExtraLight.woff2
NotoSerifThai-CondensedLight.woff2
NotoSerifThai-CondensedMedium.woff2
NotoSerifThai-CondensedSemiBold.woff2
NotoSerifThai-CondensedThin.woff2
NotoSerifThai-ExtraBold.woff2
NotoSerifThai-ExtraCondensed.woff2
NotoSerifThai-ExtraCondensedBlack.woff2
NotoSerifThai-ExtraCondensedBold.woff2
NotoSerifThai-ExtraCondensedExtraBold.woff2
NotoSerifThai-ExtraCondensedExtraLight.woff2
NotoSerifThai-ExtraCondensedLight.woff2
NotoSerifThai-ExtraCondensedMedium.woff2
NotoSerifThai-ExtraCondensedSemiBold.woff2
NotoSerifThai-ExtraCondensedThin.woff2
NotoSerifThai-ExtraLight.woff2
NotoSerifThai-Light.woff2
NotoSerifThai-Medium.woff2
NotoSerifThai-Regular.woff2
NotoSerifThai-SemiBold.woff2
NotoSerifThai-SemiCondensed.woff2
NotoSerifThai-SemiCondensedBlack.woff2
NotoSerifThai-SemiCondensedBold.woff2
NotoSerifThai-SemiCondensedExtraBold.woff2
NotoSerifThai-SemiCondensedExtraLight.woff2
NotoSerifThai-SemiCondensedLight.woff2
NotoSerifThai-SemiCondensedMedium.woff2
NotoSerifThai-SemiCondensedSemiBold.woff2
NotoSerifThai-SemiCondensedThin.woff2
NotoSerifThai-Thin.woff2

ข้อมูลฟอนต์