วิธีค้นหาชื่อตระกูลแบบอักษรสำหรับ CSS

ชื่อตระกูลแบบอักษรจะระบุแบบอักษรในสไตล์ชีตแบบเรียงซ้อนหรือ CSS เนื่องจากแบบอักษรจำนวนมากมีรูปแบบต่างๆ นักออกแบบจึงใช้นามสกุล เช่น Arial, Helvetica หรือ Verdana แทนที่จะเป็นชื่อเฉพาะของแบบอักษร เช่น Arial Black หรือ Verdana Bold การค้นหาชื่อสกุลของฟอนต์นั้นง่ายมาก เพราะนามสกุลนั้นเป็นชื่อที่ฟอนต์และรูปแบบต่างๆ ทั้งหมดมีเหมือนกัน ตระกูลฟอนต์ทั่วไป เช่น sans serif และ monospace มีอยู่ซึ่งเมื่อตั้งชื่อใน CSS อนุญาตให้เบราว์เซอร์เลือกฟอนต์เริ่มต้นภายในสไตล์ที่ระบุ

ขั้นตอนที่ 1

คลิกปุ่ม "เริ่ม" บนทาสก์บาร์ พิมพ์ "ฟอนต์" ลงในแถบค้นหา แล้วกด "Enter" เพื่อเปิดโฟลเดอร์ฟอนต์ มองหาแบบอักษรที่คุณต้องการใช้และจดชื่อไว้ ตัวอย่างเช่น Arial --- ฟอนต์ Windows ทั่วไป --- มีฟอนต์หลากหลายรูปแบบ พร้อมด้วยชื่อทั่วไปของ "Arial" ใช้ชื่อตระกูลฟอนต์ Arial เพื่อใช้ฟอนต์ Arial ทั่วไป หรือระบุ Arial Narrow เพื่อใช้ฟอนต์เฉพาะนั้น ในทางปฏิบัติ คุณควรใช้ชื่อตระกูลฟอนต์ทั่วไปสำหรับข้อความเนื้อหาของไซต์ส่วนใหญ่ แล้วใช้ฟอนต์เฉพาะเจาะจงมากขึ้นสำหรับส่วนหัว

ขั้นตอนที่ 2

เพิ่มชื่อตระกูลแบบอักษรทั่วไปลงในกองแบบอักษรของคุณ กองแบบอักษรคือรายการของตระกูลแบบอักษรใน CSS และนักออกแบบเว็บไซต์ใช้เป็นแบบอักษรสำรองเมื่อผู้เยี่ยมชมไม่ได้ติดตั้งแบบอักษรที่ต้องการมากที่สุดในคอมพิวเตอร์ของตน ใช้ชื่อทั่วไปว่า "serif" เพื่อสิ้นสุดชุดแบบอักษรที่ขึ้นต้นด้วยแบบอักษร serif เช่น Georgia หรือ Times New Roman และใช้ "sans-serif" เพื่อสิ้นสุดชุดแบบอักษรที่ขึ้นต้นด้วยแบบอักษร เช่น Helvetica หรือ Verdana ชื่อทั่วไปอื่น ๆ ได้แก่ "monospace" "cursive" และ "fantasy" โปรดทราบว่าชื่อกลุ่มแบบอักษรทั่วไปจะไม่เกี่ยวข้องเมื่อคุณฝังแบบอักษรโดยใช้ @font-face

ใส่เครื่องหมายอัญประกาศรอบชื่อฟอนต์ที่ยาวมากกว่าหนึ่งคำ ชื่อฟอนต์แบบคำเดียว เช่น Arial หรือ Georgia ไม่ต้องการเครื่องหมายอัญประกาศ คุณสามารถใช้เครื่องหมายอัญประกาศเดี่ยวหรือคู่ได้ แต่โปรดใช้ความระมัดระวังเมื่อผสมประเภทอัญประกาศ เนื่องจากสิ่งนี้อาจทำให้เกิดข้อผิดพลาดได้ นี่คือตัวอย่างวิธีการตั้งชื่อฟอนต์ใน CSS:

ร่างกาย { ตระกูลแบบอักษร: "Helvetica Neue", Arial, sans-serif; }

กองแบบอักษรด้านบนระบุว่าเบราว์เซอร์ควรค้นหา Helvetica Neue ก่อน นักออกแบบเลือกแบบอักษรนี้เนื่องจากไม่มีอยู่ในคอมพิวเตอร์ Windows ที่แสดง Helvetica แบบปกติในรูปแบบที่น่าเกลียด ผู้ใช้ Windows จะเห็น Arial ผู้ใช้รายอื่นจะเห็นฟอนต์ sans-serif เริ่มต้นตามการตั้งค่าเบราว์เซอร์