WhatFont – ระบุฟอนต์บนหน้าเว็บและในรูปภาพ

ฟอนต์นี้คืออะไร? ระบุฟอนต์บนหน้าเว็บหรือในรูปภาพ: ชื่อฟอนต์ ขนาด น้ำหนัก สี และฟอนต์ทั้งหมดที่หน้านั้นใช้

ฟอนต์นี้คือฟอนต์อะไร? ระบุฟอนต์บนหน้าเว็บหรือในรูปภาพได้ในคลิกเดียว WhatFont เปลี่ยนทุกเว็บไซต์ให้เป็นตัวอย่างตัวอักษร เลื่อนเมาส์ไปบนข้อความเพื่อดูฟอนต์ที่แสดงผลจริง คลิกเพื่อดูค่า CSS ทั้งหมด หรือครอบตัดโลโก้เพื่อหาฟอนต์ในรูปภาพ ไม่ต้องเปิด DevTools ไม่ต้อง "Inspect Element" และไม่ต้องเดา 🔍 ระบุฟอนต์บนเว็บไซต์ใดก็ได้ • เลื่อนเมาส์ไปวาง — คำแนะนำจะบอกฟอนต์ที่ถูกแสดงผลจริง ไม่ใช่รายการใน CSS • คลิกเพื่อดูครบ: ชื่อฟอนต์ ขนาด ระยะบรรทัด น้ำหนัก สไตล์ และระยะห่างตัวอักษร • เห็นสแตกฟอนต์ทั้งหมด พร้อมไฮไลต์ตัวที่เบราว์เซอร์เลือกใช้จริง • ปุ่มลูกศรเดินตามโครงสร้างหน้า จึงเลือกคำบรรยายเล็ก ๆ ได้ง่าย 🖼️ หาฟอนต์จากรูปภาพและโลโก้ • เลือกพื้นที่ใดก็ได้บนหน้าจอ: โลโก้ แบนเนอร์ ภาพหน้าจอ เฟรมวิดีโอ • ส่งไปยังการค้นหาด้วยภาพของ Adobe Fonts หรือ WhatTheFont ในคลิกเดียว • หรือบันทึกส่วนที่ครอบตัดเป็น PNG และคัดลอกไปยังคลิปบอร์ด 🗂️ ฟอนต์ทั้งหมดที่หน้านี้ใช้ • คลิกเดียวก็เห็นรายชื่อฟอนต์ทุกตัวที่หน้านั้นใช้ • แต่ละตัวบอก: ใช้กับกี่องค์ประกอบ น้ำหนักใดบ้าง ขนาดช่วงไหน • คัดลอกชื่อ หรือกระโดดไปยังข้อความนั้นบนหน้าเว็บได้ทันที 🎨 สี ค่าคอนทราสต์ และ CSS พร้อมใช้ • สีข้อความทั้งแบบ HEX และ RGB — คลิกที่ค่าเพื่อคัดลอก • อัตราคอนทราสต์ตามมาตรฐาน WCAG เทียบกับพื้นหลังจริง พร้อมผล AA / AAA • คัดลอก CSS: ชุดคำสั่งฟอนต์ทั้งหมด พร้อมวางลงในสไตล์ชีต • แหล่งที่มาของฟอนต์: Google Fonts, Adobe Fonts, เว็บไซต์เอง หรือฟอนต์ในเครื่อง พร้อมลิงก์ ⚡ วิธีใช้งาน 1. คลิกไอคอน WhatFont หรือกด Alt+Shift+F 2. เลื่อนเมาส์ไปบนข้อความเพื่อดูฟอนต์ 3. คลิกข้อความเพื่อดูรายละเอียด หรือกด Capture เพื่อระบุฟอนต์ในรูปภาพ 4. กด Esc เพื่อปิด สำหรับนักออกแบบและนักพัฒนา เก็บตัวอย่างงานตัวอักษร สร้างดีไซน์ซิสเต็มขึ้นใหม่ ตามหาฟอนต์แบรนด์ของลูกค้า ตรวจสอบการเข้าถึงของสีข้อความ หรือตอบคำถาม "เว็บนี้ใช้ฟอนต์อะไร" ได้ในไม่กี่วินาที 🔒 ความเป็นส่วนตัว WhatFont ทำงานภายในเบราว์เซอร์ ไม่เก็บและไม่ส่งข้อมูลการท่องเว็บของคุณ ภาพที่ครอบตัดจะถูกส่งออกก็ต่อเมื่อคุณเลือกบริการค้นหาด้วยตัวเองเท่านั้น ——————————— WhatFont — a free font finder and font identifier for Chrome. Hover over text to see what font a website uses, inspect the full CSS spec (family, size, weight, colour), check WCAG contrast, list every font on the page, and identify fonts from images, logos and screenshots with Adobe Fonts or WhatTheFont visual search.