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

Noto Sans Thai

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

การใช้งาน

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

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

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

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

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

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

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

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

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

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

@font-face {
  font-family: 'Noto Sans Thai';
  src: url('https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@6/fonts/NotoSansThai/NotoSansThai-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/NotoSansThai/NotoSansThai.css');

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

font-family: 'Noto Sans Thai', sans-serif;

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

ดูบน jsDelivr ดูบน GitHub 

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

ข้อมูลฟอนต์