Font family (HTML)
จากวิกิพีเดีย สารานุกรมเสรี
- บทความนี้มีชื่อเป็นภาษาอังกฤษ เนื่องจากยังไม่มีชื่อภาษาไทยที่กระชับ เหมาะสม หรือไม่รู้วิธีอ่านในภาษาไทย
|
HTML element Font family HTML name entity Dynamic HTML (DHTML) |
ใน HTML และ XHTML ได้ใช้ font face หรือ font family เป็นตัวกำหนด รูปแบบตัวอักษร
การกำหนดรูปแบบตัวอักษรในการเขียนรหัส HTML จำเป็นต้องใช้ Element Font, หรือใช้ Cascading Style Sheets (CSS). ตัวอย่างแบบ HTML ในการกำหนดตัวอักษร:
<p><font face="times, serif">Sample text.</font></p>
ตัวอย่างการใช้ CSS:
<p style="font-family: times, serif">Sample text.</p>
รูปแบบตัวอักษรนั้นจะถูกกำหนดตามรายชื่อตัวอักษรที่ปรากฏ หรือไม่ปรากฏบนคอมพิวเตอร์ แต่อย่างไรก็ตามมี 5 รูปแบบอักษรพื้นฐานที่มีใช้ในคอมพิวเตอร์ทั่วไป สามารถนำมาใช้ในทั้ง HTML และ CSS ซึ่งขึ้นอยู่กับการตั้งค่าในเบราว์เซอร์ว่าจะใช้แบบอักษรอะไรสำหรับแสดง :
| Serif: | The quick brown fox jumps over the lazy dog. |
| Sans-serif: | The quick brown fox jumps over the lazy dog. |
| Cursive: | The quick brown fox jumps over the lazy dog. |
| Fantasy: | The quick brown fox jumps over the lazy dog. |
| Monospace: | The quick brown fox jumps over the lazy dog. |
(ใน Windows API, มีแบบอักษร Roman, Swiss, Script, Decorative, และ Modern อยู่แล้ว).
อย่างไรก็ตาม คุณไม่สามารถคาดเดาได้ว่าแบบอักษรบนเครื่องคุณ จะมีอยู่บนเครื่องคนอื่นๆ ด้วย หรือบางทีมันอาจแสดงต่างออกไป ลองดูตารางด้านล่าง ว่าเเบราว์เซอร์ของคุณแสดงผลออกมาเป็นเช่นไร:
| Times: | The quick brown fox jumps over the lazy dog. |
| Roman: | The quick brown fox jumps over the lazy dog. |
| Garamond: | The quick brown fox jumps over the lazy dog. |
| Palatino: | The quick brown fox jumps over the lazy dog. |
| Antiqua: | The quick brown fox jumps over the lazy dog. |
| Minion: | The quick brown fox jumps over the lazy dog. |
| Helvetica: | The quick brown fox jumps over the lazy dog. |
| Swiss: | The quick brown fox jumps over the lazy dog. |
| Impact: | The quick brown fox jumps over the lazy dog. |
| Script: | The quick brown fox jumps over the lazy dog. |
| Decorative: | The quick brown fox jumps over the lazy dog. |
| Blackletter: | The quick brown fox jumps over the lazy dog. |
| Fraktur: | The quick brown fox jumps over the lazy dog. |
| Modern: | The quick brown fox jumps over the lazy dog. |
| Courier: | The quick brown fox jumps over the lazy dog. |
 |
Font family (HTML) เป็นบทความเกี่ยวกับ คอมพิวเตอร์ อุปกรณ์คอมพิวเตอร์ หรือ เครือข่าย ที่ยังไม่สมบูรณ์ ต้องการตรวจสอบ เพิ่มเนื้อหา หรือเพิ่มแหล่งอ้างอิง คุณสามารถช่วยเพิ่มเติมหรือแก้ไข เพื่อให้สมบูรณ์มากขึ้น ข้อมูลเกี่ยวกับ Font family (HTML) ในภาษาอื่น อาจสามารถหาอ่านได้จากเมนู ภาษาอื่น ด้านซ้ายมือ |
