Paul Irish
ตอนนี้เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome สามารถบอกได้อย่างชัดเจนว่ามีการใช้แบบอักษรใดในการแสดงผลข้อความ
ชุดแบบอักษรเป็นเรื่องตลก เป็นการแนะนำมากกว่าความต้องการ เนื่องจากครอบครัวที่คุณแนะนำอาจไม่มีอยู่ คุณกำลังอนุญาตให้เบราว์เซอร์ของผู้ใช้แต่ละรายจัดการกรณีที่เกิดปัญหาที่ผ่านๆ ได้ โดยจะดึงข้อมูลบางอย่างที่ได้ผลและใช้การได้
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 typefaces, สัญลักษณ์ Unicode และแหล่งข้อมูลแบบอักษรที่น่าสนใจอื่นๆ
ขอให้สนุกและโปรดแสดงความคิดเห็นหากมีความคิดเห็น