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

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

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

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

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

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

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

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

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

Firebug

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

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

WhatFont

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

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

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

ดูเพิ่มเติมที่