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

Post a reply


In an effort to prevent automatic submissions, we require that you complete the following challenge.
Smilies
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
View more smilies

BBCode is ON
[img] is ON
[flash] is ON
[url] is ON
Smilies are ON

Topic review
   

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

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

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 463 times
เช่นเคยค่ะ เหมือนบทความๆก่อน เราจะต้องทำการเปิดเครื่องมือมาใช้งานเสียก่อน จากนั้นให้ หาตำแหน่ง ของ Class CSS หรือ เเท็กต่างๆ
2015-01-16_0-11-43.png
2015-01-16_0-11-43.png (168.63 KiB) Viewed 463 times
ที่นี่ให้เรา คลิกที่เเถบเมนู "เเบบอักษร" จะเห็นการแสดงผลเพื่อบอกว่า ณ จุดตำแหน่งของ Class หรือ แท็กที่เราทำการคลิกอยู่นั้น ใช้งานแบบตัวอักษรอะไร ค่ะ
2015-01-16_0-13-32.png
2015-01-16_0-13-32.png (134.08 KiB) Viewed 463 times
ยังไม่หมดเพียงเท่านั้่น อีกหนึ่งตัวอย่างเพื่อดูความเเตกต่าง นะค่ะ
2015-01-16_0-17-47.png
2015-01-16_0-17-47.png (46.74 KiB) Viewed 463 times
ในส่วนของตัวอย่างนี้ จะให้ว่าแสดง path ที่เก็บ font ไว้ด้วย เเละยังสามารถดู font ของเว็บไซต์ได้ทั้งหมดอีกด้วย ...
2015-01-16_0-18-32.png
2015-01-16_0-18-32.png (124.4 KiB) Viewed 463 times

Top