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

Noto Sans Thai UI

ดูบน jsDelivr ดูบน GitHub

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

การใช้งาน

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ข้อมูลฟอนต์