Noto Sans Thai Looped

โดย Google

ฟอนต์อัปเดตใหม่

ฟอนต์นี้มีการปรับรูปลักษณ์ใหม่ในอัปเดตล่าสุด ดูข้อมูลเพิ่มเติม

ฟอนต์ Noto Sans Thai Looped เพิ่มการรองรับ Variable Fonts และมีการปรับรูปลักษณ์ฟอนต์ใหม่

ดูการเปรียบเทียบฟอนต์เวอร์ชันใหม่ (บน) และเก่า (ล่าง) ได้ด้านล่างนี้ หากต้องการใช้เวอร์ชันเก่า สามารถกำหนดเลขเวอร์ชันใน URL เป็นเวอร์ชัน 7.3.0 โปรดทราบว่าเวอร์ชันเก่าไม่รองรับ Variable Fonts

แม่น้ำบางปะกงแหล่งชีวิต พระศักดิ์สิทธิ์หลวงพ่อโสธร พระยาศรีสุนทรปราชญ์ภาษาไทย เขาอ่างฤๅไนป่าสมบูรณ์

ดาวน์โหลดฟอนต์นี้

ดูบน jsDelivr

ดูบน GitHub

ทดลองฟอนต์

ขนาด (28px)

น้ำหนัก (400)

ความกว้าง (100%)

กรุงเทพฯ ดุจเทพสร้าง เมืองศูนย์กลางการปกครอง วัดวังงามเรืองรอง เมืองหลวงของประเทศไทย

การใช้งาน

ฟอนต์นี้รองรับ Variable Fonts

หากต้องการใช้งานฟอนต์แบบปกติ เลือกชนิดฟอนต์ด้านล่างเป็น Static

โค้ดพร้อมใช้งาน สำหรับฟอนต์รูปแบบปกติ ทุกน้ำหนัก สามารถคัดลอกไปใช้งานได้ทันที เบราว์เซอร์จะโหลดเฉพาะไฟล์ที่ต้องใช้เท่านั้น

เลือกชนิดฟอนต์:

ฟอนต์นี้รองรับ Variable Fonts ปรับน้ำหนัก (weight) และความกว้าง (width) ได้ ดูวิธีการใช้งาน

<link href="https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@7/fonts/NotoSansThaiLooped/var/NotoSansThaiLooped[wdth,wght].css" rel="stylesheet" />

@font-face {
  font-family: 'Noto Sans Thai Looped';
  src: url('https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@7/fonts/NotoSansThaiLooped/var/NotoSansThaiLooped[wdth,wght].woff2') format('woff2');
  font-style: normal;
  font-stretch: 62.5% 100%;
  font-weight: 100 900;
  font-display: swap;
}

@import 'https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@7/fonts/NotoSansThaiLooped/var/NotoSansThaiLooped[wdth,wght].css';

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

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

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

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

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

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

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

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

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

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

@import 'https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@7/fonts/NotoSansThaiLooped/NotoSansThaiLooped.css';

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

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

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

ด้านล่างนี้คือรายชื่อไฟล์ที่ใช้งานได้ทั้งหมดของฟอนต์นี้ สำหรับสร้าง @font-face ของคุณเอง

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38


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

ข้อมูลฟอนต์

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