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

CSS Knowledge เป็น บอร์ดรวามความรู้ CCC เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย

Moderators: mindphp, ผู้ดูแลกระดาน

thatsawan
PHP VIP Members
PHP VIP Members
Posts: 19892
Joined: 31/03/2014 10:02 am
Contact:

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

Post by thatsawan » 16/01/2015 12:27 am

บทความนี้เรามาเเนะนำการใช้งานเครื่องมือช่วยในการพัฒนา CSS สำหรับนักพัฒนาหลายๆ ท่านที่สนใจ ถ้าใครยังไม่เคยใช้งาน สามารถดู TIP ต่างๆก่อนหน้านี้ได้ ที่ https://www.mindphp.com/forums/viewforum.php?f=73 ซึ่งในครั้งนี้นะค่ะ ก็มาต่อกันด้วย "แบบอักษร" ของเครื่องมือ "ตรวจดูส่วนประกอบ(Inspector)" กันเช่นเคย จะมีวิธีการดู font หน้าเว็บได้ดังนี้ค่ะ
2015-01-16_0-11-11.png
2015-01-16_0-11-11.png (50.56 KiB) Viewed 464 times
เช่นเคยค่ะ เหมือนบทความๆก่อน เราจะต้องทำการเปิดเครื่องมือมาใช้งานเสียก่อน จากนั้นให้ หาตำแหน่ง ของ Class CSS หรือ เเท็กต่างๆ
2015-01-16_0-11-43.png
2015-01-16_0-11-43.png (168.63 KiB) Viewed 464 times
ที่นี่ให้เรา คลิกที่เเถบเมนู "เเบบอักษร" จะเห็นการแสดงผลเพื่อบอกว่า ณ จุดตำแหน่งของ Class หรือ แท็กที่เราทำการคลิกอยู่นั้น ใช้งานแบบตัวอักษรอะไร ค่ะ
2015-01-16_0-13-32.png
2015-01-16_0-13-32.png (134.08 KiB) Viewed 464 times
ยังไม่หมดเพียงเท่านั้่น อีกหนึ่งตัวอย่างเพื่อดูความเเตกต่าง นะค่ะ
2015-01-16_0-17-47.png
2015-01-16_0-17-47.png (46.74 KiB) Viewed 464 times
ในส่วนของตัวอย่างนี้ จะให้ว่าแสดง path ที่เก็บ font ไว้ด้วย เเละยังสามารถดู font ของเว็บไซต์ได้ทั้งหมดอีกด้วย ...
2015-01-16_0-18-32.png
2015-01-16_0-18-32.png (124.4 KiB) Viewed 464 times

Return to “CSS Knowledge”

Users browsing this forum: No registered users and 3 guests