TIP : การดู Font (แบบอักษร) บนหน้าเว็บไซต์ฺ

[thatsawan]

บทความนี้เรามาเเนะนำการใช้งานเครื่องมือช่วยในการพัฒนา CSS สำหรับนักพัฒนาหลายๆ ท่านที่สนใจ ถ้าใครยังไม่เคยใช้งาน สามารถดู TIP ต่างๆก่อนหน้านี้ได้ ที่ https://www.mindphp.com/forums/viewforum.php?f=73 ซึ่งในครั้งนี้นะค่ะ ก็มาต่อกันด้วย "แบบอักษร" ของเครื่องมือ "ตรวจดูส่วนประกอบ(Inspector)" กันเช่นเคย จะมีวิธีการดู font หน้าเว็บได้ดังนี้ค่ะ

2015-01-16_0-11-11.png (50.56 KiB) Viewed 892 times

เช่นเคยค่ะ เหมือนบทความๆก่อน เราจะต้องทำการเปิดเครื่องมือมาใช้งานเสียก่อน จากนั้นให้ หาตำแหน่ง ของ Class CSS หรือ เเท็กต่างๆ

2015-01-16_0-11-43.png (168.63 KiB) Viewed 892 times

ที่นี่ให้เรา คลิกที่เเถบเมนู "เเบบอักษร" จะเห็นการแสดงผลเพื่อบอกว่า ณ จุดตำแหน่งของ Class หรือ แท็กที่เราทำการคลิกอยู่นั้น ใช้งานแบบตัวอักษรอะไร ค่ะ

2015-01-16_0-13-32.png (134.08 KiB) Viewed 892 times

ยังไม่หมดเพียงเท่านั้่น อีกหนึ่งตัวอย่างเพื่อดูความเเตกต่าง นะค่ะ

2015-01-16_0-17-47.png (46.74 KiB) Viewed 892 times

ในส่วนของตัวอย่างนี้ จะให้ว่าแสดง path ที่เก็บ font ไว้ด้วย เเละยังสามารถดู font ของเว็บไซต์ได้ทั้งหมดอีกด้วย ...

2015-01-16_0-18-32.png (124.4 KiB) Viewed 892 times