ตอนนี้ Chrome DevTools สามารถบอกคุณชุดแบบอักษรที่ใช้ในการแสดงผลข้อความได้
การจัดเรียงแบบเป็นกองของแบบอักษรเป็นเรื่องที่น่าสนใจ เพราะเป็นคำแนะนำมากกว่าความต้องการ เนื่องจากครอบครัวที่คุณแนะนำอาจไม่ปรากฏ คุณจึงอนุญาตให้เบราว์เซอร์ของผู้ใช้แต่ละรายจัดการกรณีที่ไม่มีการดำเนินการใดๆ โดยดึงสิ่งที่ใช้งานได้มาใช้
font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
ในฐานะนักพัฒนาซอฟต์แวร์ คุณต้องการทราบว่ามีการใช้แบบอักษรใดจริง วิธีการมีดังนี้
ตอนนี้คุณจะเห็นสรุปแบบอักษรที่ใช้กับองค์ประกอบนั้นในส่วนรูปแบบที่คำนวณแล้ว สิ่งที่ควรทราบมีดังนี้
- เครื่องมือสำหรับนักพัฒนาเว็บจะรายงานแบบอักษรจริงที่ใช้โดยเลเยอร์การแสดงผลข้อความของ Chrome ไม่ต้องเดาอีกต่อไปว่า
serif
หรือsans-serif
จะแสดงเป็นแบบอักษรใด - เว็บฟอนต์ของฉันใช้งานได้ไหม บางครั้งคุณอาจแยกไม่ออกว่ากำลังดูแบบอักษรเว็บหรือแบบอักษรของระบบสำรอง ตอนนี้คุณสามารถยืนยันว่ามีการใช้เว็บฟอนต์แล้ว ในตัวอย่างข้างต้น เรากำลังดึง Lobster ลงมาเป็นแบบอักษรเว็บสำหรับสไตล์
::first-line
- แบบอักษรที่แสดงแทนในกองโฆษณาจะมองเห็นได้ง่าย ด้านบนมีการสะกดคําว่า Merriweather ผิด จึงไม่ได้ใช้งานและระบบจึงข้ามไปยัง Lobster
- เป็น Arial หรือ Helvetica ถามนักออกแบบหรือ… ถามเครื่องมือสำหรับนักพัฒนาเว็บ ;)
- ทำงานร่วมกับ Google Webfonts, Typekit, แบบอักษรในเครื่อง, ลักษณะแบบอักษร @font-face, สัญลักษณ์ Unicode และแหล่งที่มาของแบบอักษรที่น่าสนใจอื่นๆ ทั้งหมดได้อย่างยอดเยี่ยม
โปรดแสดงความคิดเห็นหากมี