Playpen Sans Thai

โดย TypeTogether

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

ดูบน jsDelivr

ดูบน GitHub

ทดลองฟอนต์

ขนาด (28px)

น้ำหนัก (400)

การใช้งาน

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

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

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

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

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

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

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

@font-face {
  font-family: 'Playpen Sans Thai';
  src: url('https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@7/fonts/PlaypenSansThai/var/PlaypenSansThai[wght].woff2') format('woff2');
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

font-family: 'Playpen Sans Thai', cursive;

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

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

1
2
3
4
5
6
7
8
9


var/PlaypenSansThai[wght].woff2
PlaypenSansThai-Bold.woff2
PlaypenSansThai-ExtraBold.woff2
PlaypenSansThai-ExtraLight.woff2
PlaypenSansThai-Light.woff2
PlaypenSansThai-Medium.woff2
PlaypenSansThai-Regular.woff2
PlaypenSansThai-SemiBold.woff2
PlaypenSansThai-Thin.woff2

ข้อมูลฟอนต์

สัญญาอนุญาต: SIL Open Font License, version 1.1
เว็บไซต์: https://www.type-together.com/playpen-sans-font
ซอร์สโค้ด: https://github.com/TypeTogether/Playpen-Sans
ไทยเฟซ: https://thaifaces.com/specimen/playpen-sans-thai/