MiSans Thai
โดย Xiaomi Inc.
การใช้งาน
- หากต้องการใช้งานฟอนต์นี้ ดาวน์โหลดฟอนต์โดยตรงจากเว็บไซต์ของ Xiaomi โดยคลิกปุ่มดาวน์โหลดด้านบน
- สัญญาอนุญาตของฟอนต์ MiSans Thai ไม่อนุญาตให้เผยแพร่ไฟล์ฟอนต์ได้ ฟอนต์นี้จึงไม่อยู่ใน Thai Web Fonts บน GitHub และไม่มี CDN ให้ใช้งานเหมือนฟอนต์อื่น ๆ
- ฟอนต์ MiSans Thai อนุญาตให้ใช้งานเชิงพาณิชย์ได้ฟรี ดูคำถามที่พบบ่อย หรืออ่านสัญญาอนุญาตฉบับเต็มได้ที่ลิงก์ด้านล่าง
- ฟอนต์นี้รองรับเฉพาะตัวอักษรไทย หากต้องการใช้ตัวอักษรละติน แนะนำให้ใช้คู่กับฟอนต์ MiSans Latin
- ฟอนต์นี้รองรับ Variable Fonts ปรับน้ำหนัก (weight) ได้ระหว่าง 150 - 700
- การกำหนดน้ำหนักฟอนต์จะไม่เหมือนฟอนต์อื่น ๆ โดยมีรายชื่อน้ำหนักดังนี้
- 150: Thin
- 200: ExtraLight
- 250: Light
- 305: Normal
- 330: Regular
- 380: Medium
- 450: DemiBold
- 520: SemiBold
- 630: Bold
- 700: Heavy
การใช้งาน
ฟอนต์นี้รองรับ Variable Fonts
หากต้องการใช้งานฟอนต์แบบปกติ เลือกชนิดฟอนต์ด้านล่างเป็น Static
โค้ดพร้อมใช้งาน สำหรับฟอนต์รูปแบบปกติ ทุกน้ำหนัก
สามารถคัดลอกไปใช้งานได้ทันที เบราว์เซอร์จะโหลดเฉพาะไฟล์ที่ต้องใช้เท่านั้น
เลือกชนิดฟอนต์:
ฟอนต์นี้รองรับ Variable Fonts
ปรับน้ำหนัก (weight) ได้
ดูวิธีการใช้งาน
<link href="https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@7/fonts/MiSansThai/var/MiSansThai[wght].css" rel="stylesheet" />
ฟอนต์นี้รองรับ Variable Fonts
ปรับน้ำหนัก (weight) ได้
ดูวิธีการใช้งาน
@font-face {
font-family: 'MiSans Thai';
src: url('https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@7/fonts/MiSansThai/var/MiSansThai[wght].woff2') format('woff2');
font-style: normal;
font-weight: 150 700;
font-display: swap;
}
ฟอนต์นี้รองรับ Variable Fonts
ปรับน้ำหนัก (weight) ได้
ดูวิธีการใช้งาน
@import 'https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@7/fonts/MiSansThai/var/MiSansThai[wght].css';
<link href="https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@7/fonts/MiSansThai/MiSansThai.css" rel="stylesheet" />
@font-face {
font-family: 'MiSans Thai';
src: url('https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@7/fonts/MiSansThai/MiSansThai-150.woff2') format('woff2');
font-style: normal;
font-weight: 150;
font-display: swap;
}
@font-face {
font-family: 'MiSans Thai';
src: url('https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@7/fonts/MiSansThai/MiSansThai-ExtraLight.woff2') format('woff2');
font-style: normal;
font-weight: 200;
font-display: swap;
}
@font-face {
font-family: 'MiSans Thai';
src: url('https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@7/fonts/MiSansThai/MiSansThai-250.woff2') format('woff2');
font-style: normal;
font-weight: 250;
font-display: swap;
}
@font-face {
font-family: 'MiSans Thai';
src: url('https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@7/fonts/MiSansThai/MiSansThai-305.woff2') format('woff2');
font-style: normal;
font-weight: 305;
font-display: swap;
}
@font-face {
font-family: 'MiSans Thai';
src: url('https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@7/fonts/MiSansThai/MiSansThai-330.woff2') format('woff2');
font-style: normal;
font-weight: 330;
font-display: swap;
}
@font-face {
font-family: 'MiSans Thai';
src: url('https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@7/fonts/MiSansThai/MiSansThai-380.woff2') format('woff2');
font-style: normal;
font-weight: 380;
font-display: swap;
}
@font-face {
font-family: 'MiSans Thai';
src: url('https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@7/fonts/MiSansThai/MiSansThai-450.woff2') format('woff2');
font-style: normal;
font-weight: 450;
font-display: swap;
}
@font-face {
font-family: 'MiSans Thai';
src: url('https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@7/fonts/MiSansThai/MiSansThai-520.woff2') format('woff2');
font-style: normal;
font-weight: 520;
font-display: swap;
}
@font-face {
font-family: 'MiSans Thai';
src: url('https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@7/fonts/MiSansThai/MiSansThai-630.woff2') format('woff2');
font-style: normal;
font-weight: 630;
font-display: swap;
}
@font-face {
font-family: 'MiSans Thai';
src: url('https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@7/fonts/MiSansThai/MiSansThai-Bold.woff2') format('woff2');
font-style: normal;
font-weight: 700;
font-display: swap;
}
@import 'https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@7/fonts/MiSansThai/MiSansThai.css';
ใช้ CSS ด้านล่างนี้เพื่อกำหนดฟอนต์
font-family: 'MiSans Thai', sans-serif;
รายชื่อไฟล์ที่ใช้งานได้
ด้านล่างนี้คือรายชื่อไฟล์ที่ใช้งานได้ทั้งหมดของฟอนต์นี้ สำหรับสร้าง
@font-face ของคุณเอง
ข้อมูลฟอนต์