Skip to content Skip to sidebar Skip to footer

เว็บนี้ฟอนต์อะไร?

What font is this website?

วิธีเช็คฟอนต์ (font) ว่าเว็บที่เราชอบเขาใช้ฟอนต์ชื่ออะไรกันนะ? ปัญหาที่หลายคนพบเจอ เวลาเข้าเว็บไซต์ต่างๆ แล้วเห็นฟอนต์ (font) เว็บนี้สวยจัง อยากใช้บ้าง แต่ไม่รู้ว่าฟอนต์นี้ฟอนต์อะไร คุ้นๆ แต่จำไม่ได้ เรามีทริคแนะนำ การค้นหาชื่อฟอนต์ จากเว็บไซต์  ด้วยการดู Source Code ของเว็บไซต์นั้นๆ ได้ง่ายๆ จาก browser ต่างๆ ไม่ต้องลงโปรแกรมเพิ่มให้ยุ่งยาก มาดูกันเลย!!!

Browser : Chrome

  1. เลือกฟอนต์ที่ต้องการ
  2. คลิกขวา > Inspect (ตรวจสอบ)

3. จะแสดงหน้า Source Code พิมพ์ ‘font’ ในช่อง filter เพื่อให้ค้นหาได้ง่ายขึ้น
4. ดูที่ font-family จะเห็นชื่อฟอนต์นั้นๆ

Browser : Firefox

  1. เลือกฟอนต์ที่ต้องการ
  2. คลิกขวา > Inspect (ตรวจสอบ)

3. จะแสดงหน้า Source Code พิมพ์ ‘font’ ในช่อง filter เพื่อให้ค้นหาได้ง่ายขึ้น
4. ดูที่ font-family จะเห็นชื่อฟอนต์นั้นๆ firefox จะแสดงตัวอย่างของฟอนต์ให้ด้วย เราสามารถ recheck ได้เลยว่าใช่ฟอนต์ตัวเดียวกับที่เราต้องการหรือเปล่า

Browser : Safari

  1. เลือกฟอนต์ที่ต้องการ
  2. คลิกขวา > Inspect Element (ตรวจสอบองค์ประกอบ)

3. จะแสดงหน้า Source Code พิมพ์ ‘font’ ในช่อง filter เพื่อให้ค้นหาได้ง่ายขึ้น
4. ดูที่ font-family จะเห็นชื่อฟอนต์นั้นๆ

การดูฟอนต์จาก Source Code ของเว็บไซต์ ไม่ยากใช่มั้ย? 😀 หวังว่าบทความนี้จะมีประโยชน์ การคุ้นๆ แต่ไม่รู้ว่าฟอนต์อะไร มันหงุดหงิดเรารู้
What's your reaction?
4Smile0Lol0Wow0Love0Sad0Angry

Leave a comment

*