วิธีแทรก Wingdings ใน CSS

Cascading Style Sheets (CSS) เป็นวิธีที่มีประโยชน์ในการจัดรูปแบบหน้าเว็บ คุณสามารถกำหนดสไตล์ทุกด้านของการออกแบบเว็บไซต์บนสไตล์ชีตภายนอก และการเปลี่ยนแปลงที่คุณทำกับสไตล์ชีตนั้นอาจส่งผลต่อหน้าเว็บหลายหน้า แบบอักษรสามารถกำหนดค่าใหม่ได้อย่างง่ายดายผ่าน CSS มีรายชื่อฟอนต์ที่ได้มาตรฐานสำหรับใช้งานบนอินเทอร์เน็ต Wingdings ไม่ใช่แบบอักษรเหล่านี้ และเป็นแบบอักษรที่ไม่สามารถใช้ได้ตามค่าเริ่มต้นในคอมพิวเตอร์ทุกเครื่อง โชคดีที่คุณยังสามารถใช้ CSS เพื่อกำหนดค่าหน้าเว็บเพื่อใช้ Wingdings

ขั้นตอนที่ 1

เปิดไฟล์ CSS ของคุณใน Notepad

วีดีโอประจำวันนี้

ขั้นตอนที่ 2

สร้างคลาสหรือ ID ใหม่สำหรับวัตถุที่จะจัดรูปแบบใน Wingdings ใช้คลาสถ้าคุณจะเรียกพารามิเตอร์นี้มากกว่าหนึ่งครั้ง ใช้ ID หากคุณจะโทรเพียงครั้งเดียว ตัวอย่างเช่น ในการสร้างคลาสที่เรียกว่า "crazy" ให้พิมพ์ดังต่อไปนี้:

.คลั่งไคล้ {

ขั้นตอนที่ 3

ระบุ Wingdings ภายในคุณสมบัติ "font-family" ของคลาสหรือ ID ของคุณ ตัวอย่างเช่น สำหรับชั้นเรียน "บ้า":

.crazy { ตระกูลแบบอักษร: wingdings}

ขั้นตอนที่ 4

ค้นหารายการที่คุณต้องการแสดงผลใน Wingdings ภายในไฟล์ HTML ของคุณ ระบุรายการนั้นเป็นอินสแตนซ์ของคลาสหรือ ID ที่ใช้ Wingdings ตัวอย่างเช่น หากองค์ประกอบที่ต้องการคือ "div":

ข้อความภายใน "div" นี้จะถูกจัดรูปแบบใน Wingdings

คำเตือน

เบราว์เซอร์จำนวนมากไม่สนับสนุน Wingdings และคอมพิวเตอร์จำนวนมากไม่มี Wingdings ภายในชุดแบบอักษรเริ่มต้น ด้วยเหตุนี้ เบราว์เซอร์ส่วนใหญ่จะแสดงผล Wingdings ไม่ถูกต้อง เพื่อหลีกเลี่ยงความยุ่งยากของการจัดเรียงนี้ วิธีที่ดีที่สุดคือเข้ารหัสอักขระ Wingdings ที่ต้องการแต่ละตัวผ่าน Unicode (ดูแหล่งข้อมูลสำหรับรายการอักขระ Unicode ที่เกี่ยวข้อง)

หมวดหมู่

ล่าสุด

วิธีเข้าสู่ระบบ Konica Minolta Bizhub

วิธีเข้าสู่ระบบ Konica Minolta Bizhub

การเข้าสู่ระบบเฟิร์มแวร์ Konica Minolta ช่วยให...

วิธีค้นหาเวอร์ชันของ Adobe Reader ที่ติดตั้งบนคอมพิวเตอร์

วิธีค้นหาเวอร์ชันของ Adobe Reader ที่ติดตั้งบนคอมพิวเตอร์

ในการใช้คุณสมบัติล่าสุดใน Adobe Reader ให้ยืนยั...

วิธีเปลี่ยน DPI ใน GIMP

วิธีเปลี่ยน DPI ใน GIMP

ทำให้ภาพของคุณโดดเด่นโดยการเพิ่ม DPI GIMP เป็น...