Typography, Multilang & Emoji Demo

# Typography, Multi-language & Emoji

ทดสอบรูปแบบตัวอักษร ภาษาต่าง ๆ และ Emoji

## 1. ฟอนต์ Sarabun — รูปแบบต่าง ๆ (Sarabun Font Variants)

Regular (400) — ปกติ
กขคงจฉชซฌญฎฏฐฑฒณดตถทธนบปผฝพฟภมยรลวศษสหฬอฮ — The quick brown fox
Bold (700) — ตัวหนา
กขคงจฉชซฌญฎฏฐฑฒณดตถทธนบปผฝพฟภมยรลวศษสหฬอฮ — The quick brown fox
Italic (400) — ตัวเอียง
กขคงจฉชซฌญฎฏฐฑฒณดตถทธนบปผฝพฟภมยรลวศษสหฬอฮ — The quick brown fox
Bold Italic (700) — ตัวหนาเอียง
กขคงจฉชซฌญฎฏฐฑฒณดตถทธนบปผฝพฟภมยรลวศษสหฬอฮ — The quick brown fox

## 2. ขนาดตัวอักษร (Font Sizes)

ขนาด 10px — The quick brown fox jumps over the lazy dog

ขนาด 12px — The quick brown fox jumps over the lazy dog

ขนาด 14px — The quick brown fox jumps over the lazy dog

ขนาด 16px — The quick brown fox jumps over the lazy dog

ขนาด 20px — ภาษาไทยทดสอบ

ขนาด 24px — ภาษาไทย

ขนาด 32px — ใหญ่

## 3. ภาษาไทย — สระลอยและวรรณยุกต์ซ้อน

TH

ผู้ใหญ่หาผ้าใหม่ให้สะใภ้ใช้คล้องคอ ใฝ่ใจเอาใส่ห่อ มิหลงใหลใครขอดู

ทดสอบสระซ้อนวรรณยุกต์: ญัตติ ฐาน ป่าไม้ น้ำตก ปู่ย่า ผู้ใหญ่ น้ำพริก เลี้ยง

ประโยคยาว: สวัสดีครับ/ค่ะ ผมชื่อสมชาย มาจากจังหวัดเชียงใหม่ ทำงานด้านเทคโนโลยีสารสนเทศมาแล้ว 5 ปี ชอบอ่านหนังสือและท่องเที่ยว

## 4. English Text

EN

The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

## 4.1 CJK (Noto Sans CJK)

CJK

日本語: 文書の段落組版、句読点、改行位置を確認します。

中文: 这个段落用于检查 PDF 中的中文断行、字距和标点位置。

한국어: 이 문단은 PDF 렌더링에서 줄바꿈과 자간 품질을 확인하기 위한 샘플입니다.

## 5. Mixed Thai-English (ผสมภาษา)

TH+EN

TypeScript เป็นภาษาโปรแกรมมิ่งที่พัฒนาต่อยอดจาก JavaScript โดย Microsoft และเพิ่ม static typing เข้ามา ทำให้ developer สามารถ detect bug ได้ตั้งแต่ compile time ก่อน runtime

PDF หรือ Portable Document Format คือ file format มาตรฐานสากลที่ ออกแบบมาเพื่อแสดงเอกสารได้อย่างสม่ำเสมอบนทุก platform และ device

## 6. ตัวเลขและสัญลักษณ์พิเศษ

NUM

ตัวเลขอารบิก: 0 1 2 3 4 5 6 7 8 9

ตัวเลขไทย: ๐ ๑ ๒ ๓ ๔ ๕ ๖ ๗ ๘ ๙

สัญลักษณ์: ฿ $ € £ ¥ @ # % & * + - = / \ | ~ ^ ° ± × ÷

เครื่องหมายวรรคตอน: . , ; : ! ? " ' ( ) [ ] { } - — …

## 7. Emoji (ทดสอบการแสดง Emoji)

ทดสอบ Emoji ที่พบบ่อย: 😀 😃 😄 😁 😆 😅 😂 🤣 😊 😇 🥰 😍 🤩 😘 😗 😚 😙 🥲

อารมณ์: 😐 😑 😶 🫥 😏 😒 🙄 😬 🤥 😌 😔 😪 🤤 😴 😷 🤒 🤕 🤢

ธรรมชาติ: 🌍 🌎 🌏 🌑 🌒 🌓 🌔 🌕 🌖 🌗 🌘 🌙 🌚 🌛 🌜 ☀️ 🌝 🌞

เทคโนโลยี: 💻 🖥️ 🖨️ ⌨️ 🖱️ 💾 💿 📀 📱 ☎️ 📞 📟 📠 📺 📻 🎙️ 🎚️ 🎛️

การเดินทาง: ✈️ 🚀 🛸 🚁 🛶 ⛵ 🚢 🚂 🚆 🚇 🚈 🚉 🚊 🚝 🚞 🚋 🚌 🚍

ธง (Flags): 🇹🇭 🇯🇵 🇺🇸 🇬🇧 🇩🇪 🇫🇷 🇨🇳 🇰🇷 🇸🇬 🇦🇺

ตัวอักษรพิเศษ: ™️ ®️ ©️ ☎️ ✉️ 📧 🔑 🔒 🔓 ⚙️ 🔧 🔨 💡 🔦 🕯️

## 8. Lists & Bullets

### Unordered (Disc)

- รายการแรก
- รายการที่สอง
- รายการที่สาม
- รายการที่สี่
- รายการสุดท้าย

### Ordered (Decimal)

1. ขั้นตอนแรก
2. ขั้นตอนที่สอง
3. ขั้นตอนที่สาม
4. ขั้นตอนที่สี่
5. ขั้นตอนสุดท้าย

### Nested Lists (รายการซ้อน)

- กลุ่มประเทศอาเซียน
  - ไทย — Thailand 🇹🇭
  - สิงคโปร์ — Singapore 🇸🇬
  - มาเลเซีย — Malaysia
  - เวียดนาม — Vietnam
    - ฮานอย (เหนือ)
    - โฮจิมินห์ (ใต้)
- ทวีปยุโรป
  - ฝรั่งเศส 🇫🇷
  - เยอรมนี 🇩🇪
  - อังกฤษ 🇬🇧

## 9. Text Colors & Highlighting

สีแดง: Critical alert และ error message

สีส้ม: Warning และ pending task

สีเขียว: Success state และ ready status

สีน้ำเงิน: Information และ neutral event

สีม่วง: Feature highlight และ special note

พื้นหลังสีเหลืองสำหรับ highlight ข้อความสำคัญ

พื้นหลังสีเขียวแสดงสถานะสำเร็จ

พื้นหลังสีแดงแสดงข้อผิดพลาด

พื้นหลังสีน้ำเงินแสดงข้อมูล