วิธีตรวจสอบขนาดตัวอักษรและใบหน้าบนเว็บไซต์

ไม่ว่าคุณจะออกแบบหรือคล้ายกับลักษณะของเว็บไซต์ใดโดยเฉพาะการรู้ว่าแบบอักษรใดที่เว็บไซต์ใช้และขนาดที่สามารถช่วยคุณลอกเลียนแบบหรือใช้บนเว็บไซต์ของคุณเอง มีหลายวิธีในการบรรลุเป้าหมายนี้และฉันจะแสดงให้คุณเห็นสองสามข้อที่นี่ ดังนั้นหากคุณต้องการตรวจสอบประเภทและขนาดตัวอักษรบนเว็บไซต์อ่านต่อ!

เมื่อมีอักษรหลายล้านตัวอยู่ที่นั่นการค้นพบว่าตัวอักษรที่สมบูรณ์แบบอาจใช้เวลานานกว่าที่ควรจะเป็น เมื่อคุณเห็นจุดที่ดีคุณจะต้องค้นหาว่ามันอยู่ตรงไหนแล้วไม่เช่นนั้นคุณอาจสูญเสียสิ่งที่ดี ถ้ามันดีโดยเฉพาะคุณสามารถใช้มันบนเว็บไซต์ของคุณเองเป็นแบบอักษร Office หรือใน Windows ขึ้นอยู่กับชนิดของแบบอักษรนั้น โปรดอย่าลืมว่าแบบอักษรบางตัวมีลิขสิทธิ์และไม่สามารถใช้งานได้ในที่สาธารณะ

ตรวจสอบประเภทและขนาดตัวอักษรบนเว็บไซต์

มีสองสามวิธีในการตรวจสอบประเภทและขนาดแบบอักษรบนเว็บไซต์ใด ๆ วิธีที่ง่ายที่สุดใช้เบราว์เซอร์ในขณะที่คนอื่นใช้เครื่องมือของบุคคลที่สามเพื่อระบุเนื้อหาของหน้า ฉันจะครอบคลุมทั้งสองประเภท ก่อนอื่นเราจะเน้นที่วิธีการใช้เบราว์เซอร์ในตัว

1. คลิกขวาที่หน้าที่คุณชอบและเลือก Inspect Element (Firefox), Inspect (Chrome) หรือเครื่องมือนักพัฒนา F12 (Edge)
2. เลือกสารวัตร (Firefox) ในหน้าต่างด้านล่างใหม่และเลื่อนลงไปทางขวาจนกว่าจะถึงตัวอักษร มันควรจะแสดงตระกูลของฟอนต์, ฟอนต์เฉพาะที่ใช้, ขนาด, สีและอื่น ๆ ที่หน้านั้นกำหนด

CMS ที่แตกต่างกันและการออกแบบเว็บที่แตกต่างกันแสดงข้อมูลแบบอักษรของพวกเขาในรูปแบบต่างๆ ลองใช้วิธีนี้กับหน้าเว็บบางหน้าและคุณจะเห็นวิธีกำหนดแบบอักษรที่แตกต่างกันสองสามวิธี

เครื่องมือของบุคคลที่สามเพื่อระบุประเภทและขนาดตัวอักษร

มี Add-on ของบุคคลที่สามบางตัวที่ทำงานเป็นปลั๊กอินหรือเป็น bookmarklets และสามารถระบุประเภทแบบอักษรได้ มันทำงานกับเบราว์เซอร์ส่วนใหญ่รวมถึง Safari ดังนั้นคุณควรหาสิ่งที่คุณสามารถทำงานได้โดยไม่มีปัญหา

Firebug

Firebug เคยเป็นเครื่องมือดีบั๊กสำหรับ Firefox เท่านั้นสำหรับนักพัฒนา มันได้รับความนิยมจนกลายเป็นเบราว์เซอร์ที่ไม่เชื่อเรื่องพระเจ้าและจะทำงานกับเบราว์เซอร์ส่วนใหญ่ มันเป็นเครื่องมืออเนกประสงค์ที่เหลือเชื่อที่สามารถตรวจสอบองค์ประกอบใด ๆ ของหน้าเว็บรวมถึงแบบอักษร

เพียงติดตั้งโปรแกรมเสริมตามปกติทำไฮไลต์ข้อความบนหน้าคลิกแท็บ HTML ภายใน Firebug จากนั้นคลิก 'คำนวณ' ทางด้านขวา Firebug ควรเน้นชื่อแบบอักษรตระกูลแบบอักษรขนาดน้ำหนักและทุกสิ่งที่คุณจำเป็นต้องรู้

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

WhatFont

WhatFont เป็น bookmarklet ที่สามารถระบุแบบอักษรบนหน้าเว็บ ลาก bookmarklet ไปยังแถบบุ๊คมาร์คของคุณและใช้เพื่อระบุแบบอักษรเกือบทุกที่ทุกที่ ใช้งานได้ฟรีและตรงไปตรงมามาก นำทางไปยังหน้าเว็บที่คุณต้องการคลิกที่ bookmarklet และเลื่อนไปเหนือตัวอักษรที่คุณต้องการระบุ มีกล่องดำเล็ก ๆ ปรากฏขึ้นมาเพื่อบอกแบบอักษร

เนื่องจากมีการอัปเดตจึงทำให้สามารถใช้งานร่วมกับส่วนเสริมที่เกี่ยวข้องได้

อีกครั้งทั้งนี้ขึ้นอยู่กับวิธีการกำหนดค่า CMS หรือวิธีการออกแบบหน้านี้อาจเป็นตัวอักษรแบบง่ายหรือกล่องเต็มให้คุณขนาดสีน้ำหนักและอื่น ๆ

มีส่วนเสริมชนิด bookmarklet จำนวนมากที่สามารถระบุแบบอักษรได้ WhatFont เป็นเพียงหนึ่งในนั้น คุณใช้หรือไม่ บทความนี้ทำให้คุณลองใหม่หรือไม่? แจ้งให้เราทราบด้านล่าง