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

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

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

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

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

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

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

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

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

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

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

Firebug

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

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

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

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

WhatFont

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

เนื่องจากได้รับการอัปเดตแล้วจึงเข้ากันได้กับส่วนเสริมที่เกี่ยวข้อง

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

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