ตรวจสอบแบบอักษรในหน้าใดก็ได้
วางเมาส์เหนือและคลิกข้อความเพื่อดูแบบอักษร ขนาด น้ำหนัก สไตล์ และสี—ใกล้กับองค์ประกอบหรือในแถบด้านข้าง—โดยไม่ต้องเปิด DevTools
what the font - font finder
ระบุแบบอักษรและการพิมพ์ CSS บนองค์ประกอบของหน้าเว็บ ไม่ว่าจะเป็นตระกูล ขนาด น้ำหนัก ความสูงของบรรทัด ระยะห่างระหว่างตัวอักษร สี และคอนทราสต์ จากนั้นคัดลอกหรือส่งออกสิ่งที่คุณต้องการโดยไม่ต้องออกจากแท็บ
สร้างขึ้นเพื่อการพิมพ์สด
คุณสมบัติ
รายละเอียดการพิมพ์ที่สำคัญ
อ่านความสูงของบรรทัด การเว้นวรรคตัวอักษร การแปลง การตกแต่ง และคอนทราสต์ (รวมถึง AAA/AA คิว) ในแผงเดียว
คัดลอก CSS ได้ในคลิกเดียว
คัดลอกตระกูลแบบอักษร สี หรือตัวอย่าง CSS ที่พร้อมใช้งานสำหรับองค์ประกอบที่คุณตรวจสอบ
แก้ไขสไตล์บนหน้า
ปรับแต่งน้ำหนัก ขนาด ระยะห่าง สี และอื่นๆ บนองค์ประกอบที่ใช้งานอยู่ จากนั้นรีเซ็ตเมื่อคุณสำรวจเสร็จแล้ว
แบบอักษรทั้งหมดบนหน้า
สแกนสไตล์ข้อความที่ไม่ซ้ำกันทั่วทั้งหน้าและข้ามไปมาระหว่างสไตล์เหล่านี้เมื่อตรวจสอบระบบการออกแบบ
ส่งออกและ Google Fonts
ส่งออกการพิมพ์เป็น SCSS หรือ JSON หรือเปิดการค้นหา Google Fonts สำหรับตระกูลที่คุณพบ
เรียบง่ายด้วยการออกแบบ
เกี่ยวกับเรา
ส่วนขยาย Chrome ที่แสดงการพิมพ์แบบเรียลไทม์ ทั้งแบบอักษร ขนาด น้ำหนัก สี และคอนทราสต์ เพื่อให้คุณสามารถตรวจสอบ คัดลอก และส่งออกแบบอักษรจากหน้าเว็บใดก็ได้
- —
- ยอดรวมการใช้งานที่เผยแพร่
- —
- จำนวนรีวิวที่ยืนยันแล้ว
Chrome Web Store
ผู้ใช้เกี่ยวกับเรา
ตัวอย่างข้อความคำติชม — รีวิวจาก Chrome Web Store จะแทนที่เมื่อเชื่อมต่อแล้ว
★★★★★
“ฉันสามารถดึงตระกูล น้ำหนัก และสี hex จากไซต์จริงได้โดยไม่ต้องเปิด DevTools”
★★★★★
“คัดลอก CSS และคอนทราสต์ในแผงเดียว—ตรงกับที่ฉันต้องการระหว่างการตรวจสอบ”
★★★★★
“All fonts on page ช่วยให้ฉันพบตัวอักษรที่ไม่สม่ำเสมอบนหน้าแลนดิ้งได้อย่างรวดเร็ว”
สามขั้นตอนด่วน
วิธีใช้
-
ติดตั้งส่วนขยาย
เพิ่ม what the font - font finder จาก Chrome Web Store และปักหมุดไว้ที่แถบเครื่องมือ
-
เริ่มการตรวจสอบ
เปิดป๊อปอัป เริ่มตรวจสอบ จากนั้นวางเมาส์เหนือและคลิกข้อความใดก็ได้บนหน้า
-
คัดลอกหรือส่งออก
คัดลอก CSS ส่งออกสไตล์ เปิด Google Fonts หรือเรียกดูแบบอักษรทั้งหมดบนหน้า
คำตอบก่อนที่คุณจะติดตั้ง
คำถามที่พบบ่อย
ฉันจะระบุแบบอักษรบนเว็บไซต์ได้อย่างไร?
ติดตั้ง what the font - font finder เริ่มตรวจสอบ วางเมาส์เหนือข้อความ แล้วคลิกเพื่อเปิดแผงที่มีตระกูล ขนาด น้ำหนัก และสี
ฉันสามารถคัดลอก CSS สำหรับตัวอักษรที่ฉันเห็นได้หรือไม่?
ได้ จากแผงคุณสามารถคัดลอกตระกูลแบบอักษร สี หรือตัวอย่าง CSS สำหรับองค์ประกอบที่ตรวจสอบ
ใช้งานได้กับทุกหน้าหรือไม่?
ใช้งานได้กับแท็บเว็บไซต์ปกติ หน้าระบบ Chrome และ URL ที่ถูกจำกัดบางรายการไม่สามารถตรวจสอบได้
ฉันสามารถดูแบบอักษรทั้งหมดที่ใช้ในหนึ่งหน้าได้หรือไม่?
ใช้ All fonts on page เพื่อแสดงรายการสไตล์ข้อความที่มองเห็นได้ไม่ซ้ำกัน และเปิดรายการใดก็ได้ในแผงรายละเอียด
ฉันสามารถเปลี่ยนรูปลักษณ์ในขณะที่ตรวจสอบได้หรือไม่?
ได้ แก้ไขน้ำหนัก ขนาด ระยะห่าง สี และสไตล์ที่เกี่ยวข้องบนองค์ประกอบ จากนั้นรีเซ็ตเพื่อคืนค่าเดิม
ฉันจะเปิด Google Fonts จากที่ไหน?
เมื่อตระกูลดูเหมือนค้นหาได้ ให้ใช้การดำเนินการ Google Fonts ในแผงเพื่อเปิดคำค้นหาสำหรับชื่อนั้น