วิธีการเปลี่ยนแบบอักษรบนเว็บเพจโดยใช้ CSS

องค์ประกอบ FONT ถูกเลิกใช้งานใน HTML 4 และไม่ใช่ส่วนหนึ่งของข้อกำหนด HTML5 ดังนั้นถ้าคุณต้องการเปลี่ยนแบบอักษรบนหน้าเว็บของคุณคุณควรเรียนรู้วิธีการทำแบบนี้ด้วย CSS (Cascading Style Sheets )

ขั้นตอนในการเปลี่ยนแบบอักษรด้วย CSS

1. เปิดเว็บเพจโดยใช้ โปรแกรมแก้ไข ข้อความ HTML อาจเป็นหน้าใหม่หรือที่มีอยู่
2. เขียนข้อความ: ข้อความนี้อยู่ใน Arial
3. ล้อมรอบข้อความด้วยองค์ประกอบ SPAN: ข้อความนี้อยู่ใน Arial
4. เพิ่มแอตทริบิวต์ style = "" ลงในแท็ก span: ข้อความนี้อยู่ใน Arial
5. ภายในแอตทริบิวต์ style ให้เปลี่ยนแบบอักษรโดยใช้แบบอักษรของครอบครัว: ข้อความนี้อยู่ใน Arial

เคล็ดลับสำหรับการเปลี่ยนแบบอักษรด้วย CSS

1. แยก ตัวเลือกแบบอักษร หลาย แบบ ด้วยเครื่องหมายจุลภาค (,) ตัวอย่างเช่น,
   1. ครอบครัวแบบอักษร: Arial, Geneva, Helvetica, sans-serif;
   2. ดีที่สุดคือต้องมีแบบอักษรอย่างน้อยสองแบบในแบบอักษร (รายการแบบอักษร) เพื่อให้เบราว์เซอร์ไม่มีแบบอักษรตัวแรกคุณสามารถใช้แบบอักษรตัวที่สองได้
2. เสมอจบแต่ละ รูปแบบ CSS ด้วยเครื่องหมายทวิภาค (;) ไม่จำเป็นต้องใช้เมื่อมีเพียงสไตล์เดียว แต่เป็นนิสัยที่ดีในการเข้า
3. ตัวอย่างนี้ใช้รูปแบบอินไลน์ แต่สไตล์ที่ดีที่สุดจะถูกใส่ใน สไตล์ชีตภายนอก เพื่อให้คุณสามารถส่งผลกระทบต่อมากกว่าองค์ประกอบหนึ่ง คุณสามารถใช้คลาสเพื่อกำหนดสไตล์บนบล็อกข้อความได้ ตัวอย่างเช่น:
   1. class = "arial"> ข้อความนี้อยู่ใน Arial
   2. การใช้ CSS:
   3. ครอบครัวอักษร: Arial; }