HeronTool
ไทย▾
เข้าสู่ระบบ
EnglishEnglish 中文Chinese 繁體中文Chinese (Traditional) EspañolSpanish FrançaisFrench DeutschGerman PortuguêsPortuguese ItalianoItalian РусскийRussian العربيةArabic 日本語Japanese 한국어Korean हिन्दीHindi Bahasa IndonesiaIndonesian Tiếng ViệtVietnamese ไทยThai TürkçeTurkish PolskiPolish
หน้าแรก › ทรัพยากรดีไซน์ › Fluid Typography Calculator

Fluid Typography Calculator

Generate a clamp() font-size that scales smoothly between two viewports.

คำนวณ CSS ตัวอักษร
At min viewport—
At max viewport—
Slope—

วิธีใช้

  1. Adjust the values above.
  2. Results and CSS update live.
  3. Click Copy.

กรณีการใช้งาน

Generate a clamp() font-size that scales smoothly between two viewports.

ไม่มีการอัปโหลด — ประมวลผลในเบราว์เซอร์ของคุณเท่านั้น

ความคิดเห็น / รายงาน / บันทึกของฉัน

กรุณาเข้าสู่ระบบก่อน — เข้าสู่ระบบ

กรุณาเข้าสู่ระบบก่อน — เข้าสู่ระบบ

กรุณาเข้าสู่ระบบก่อน — เข้าสู่ระบบ

เครื่องมือที่เกี่ยวข้อง
สร้างเกรเดียนต์ สร้าง CSS gradient แบบเส้นตรง/รัศมี พร้อมดูตัวอย่างสด ไล่สี ดูตัวอย่างฟอนต์ พิมพ์ข้อความและเปลี่ยนตระกูลฟอนต์เพื่อดูตัวอย่างสด ฟอนต์ ค้นหาไอคอน ค้นหาไอคอน Tabler และคัดลอก SVG ในคลิกเดียว ไอคอน สร้างจานสี สร้างพาเล็ตสีที่กลมกลืน (โทนใกล้เคียง/คู่สี) จากสีฐาน พาเล็ต สร้างโมคอัป ลาก URL หรือภาพหน้าจอใส่กรอบ mockup อุปกรณ์ Mockup ความต่างของสี ตรวจสอบความคมชัด WCAG ของข้อความบนพื้นหลัง ความคมชัด สร้าง box-shadow สร้าง box-shadow CSS แบบเห็นภาพ เงา สร้าง text-shadow สร้าง text-shadow CSS เงา