ตัวเลือกการออกแบบที่เรียบง่ายช่วยให้คุณสามารถเปลี่ยนแบบอักษรของเว็บเพจ (หรือพิมพ์) โดยใช้ CSS (Cascading Style Sheets) คุณสามารถตั้งค่าแบบอักษรของแต่ละคำประโยคเฉพาะพาดหัวข่าวย่อหน้าทั้งหมดและแม้แต่หน้าทั้งหมดของข้อความ
วิธีการเปลี่ยนแบบอักษรด้วย CSS
คุณสามารถทำการเปลี่ยนแปลง HTML และ CSS ด้านล่างได้โดยใช้โปรแกรมแก้ไข HTML หรือโปรแกรมแก้ไขข้อความ คุณสามารถคัดลอกข้อความจากหน้าและวางลงในตัวแก้ไขเพื่อทำการเปลี่ยนแปลงที่นั่นหรือเปิดเว็บเพจทั้งหมดในตัวแก้ไขและแก้ไขโดยตรง
-
ค้นหาข้อความที่คุณต้องการเปลี่ยนแบบอักษร เราจะใช้ข้อมูลนี้เป็นตัวอย่าง:
ข้อความนี้อยู่ใน Arial
-
ล้อมรอบข้อความที่มีองค์ประกอบ SPAN:
ข้อความนี้อยู่ใน Arial
-
เพิ่มแอตทริบิวต์ style = "" แท็ก span:
ข้อความนี้อยู่ใน Arial
-
ภายในแอตทริบิวต์ style ให้เปลี่ยนแบบอักษรโดยใช้ปุ่ม font-family สไตล์
ข้อความนี้อยู่ใน Arial
-
บันทึกการเปลี่ยนแปลงเพื่อดูผลกระทบ
เคล็ดลับการใช้ CSS เพื่อเปลี่ยนแบบอักษร
-
วิธีที่ดีที่สุดคือต้องมีแบบอักษรอย่างน้อยสองแบบในแบบอักษร (รายการแบบอักษร) ดังนั้นหากเบราว์เซอร์ไม่มีแบบอักษรตัวแรกคุณสามารถใช้แบบอักษรตัวที่สองแทนได้
แยกตัวเลือกแบบอักษรหลายแบบด้วยเครื่องหมายจุลภาคดังนี้
ครอบครัวแบบอักษร: Arial, Geneva, Helvetica, sans-serif;
-
ตัวอย่างที่อธิบายข้างต้นใช้การออกแบบสไตล์ไลน์ แต่รูปแบบที่ดีที่สุดจะใช้สไตล์ชีตภายนอกเพื่อให้คุณสามารถส่งผลกระทบต่อมากกว่าองค์ประกอบหนึ่ง คุณสามารถใช้คลาสเพื่อกำหนดสไตล์บนบล็อกข้อความได้
ข้อความนี้อยู่ใน Arial
ในตัวอย่างนี้ไฟล์ CSS เพื่อจัดรูปแบบ HTML ด้านบนจะปรากฏดังนี้:
ครอบครัวอักษร: Arial; }
-
ปิดท้ายด้วยรูปแบบ CSS เสมอด้วยเครื่องหมายอัฒภาค (;) ไม่จำเป็นต้องมีเมื่อมีเพียงสไตล์เดียว แต่เป็นนิสัยที่ดีในการเริ่มต้น
