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

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

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

ภาพประจำตัวสมาชิก
thatsawan
PHP VIP Members
PHP VIP Members
โพสต์: 16222
ลงทะเบียนเมื่อ: 31/03/2014 10:02 am
ติดต่อ:

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

โพสต์โดย thatsawan » 16/01/2015 12:27 am

บทความนี้เรามาเเนะนำการใช้งานเครื่องมือช่วยในการพัฒนา CSS สำหรับนักพัฒนาหลายๆ ท่านที่สนใจ ถ้าใครยังไม่เคยใช้งาน สามารถดู TIP ต่างๆก่อนหน้านี้ได้ ที่ viewforum.php?f=73 ซึ่งในครั้งนี้นะค่ะ ก็มาต่อกันด้วย "แบบอักษร" ของเครื่องมือ "ตรวจดูส่วนประกอบ(Inspector)" กันเช่นเคย จะมีวิธีการดู font หน้าเว็บได้ดังนี้ค่ะ
2015-01-16_0-11-11.png
2015-01-16_0-11-11.png (50.56 KiB) เปิดดู 401 ครั้ง

เช่นเคยค่ะ เหมือนบทความๆก่อน เราจะต้องทำการเปิดเครื่องมือมาใช้งานเสียก่อน จากนั้นให้ หาตำแหน่ง ของ Class CSS หรือ เเท็กต่างๆ
2015-01-16_0-11-43.png
2015-01-16_0-11-43.png (168.63 KiB) เปิดดู 401 ครั้ง

ที่นี่ให้เรา คลิกที่เเถบเมนู "เเบบอักษร" จะเห็นการแสดงผลเพื่อบอกว่า ณ จุดตำแหน่งของ Class หรือ แท็กที่เราทำการคลิกอยู่นั้น ใช้งานแบบตัวอักษรอะไร ค่ะ
2015-01-16_0-13-32.png
2015-01-16_0-13-32.png (134.08 KiB) เปิดดู 401 ครั้ง

ยังไม่หมดเพียงเท่านั้่น อีกหนึ่งตัวอย่างเพื่อดูความเเตกต่าง นะค่ะ
2015-01-16_0-17-47.png
2015-01-16_0-17-47.png (46.74 KiB) เปิดดู 401 ครั้ง

ในส่วนของตัวอย่างนี้ จะให้ว่าแสดง path ที่เก็บ font ไว้ด้วย เเละยังสามารถดู font ของเว็บไซต์ได้ทั้งหมดอีกด้วย ...
2015-01-16_0-18-32.png
2015-01-16_0-18-32.png (124.4 KiB) เปิดดู 401 ครั้ง

ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 3 และ บุคคลทั่วไป 0 ท่าน