แบบอักษรเป็นส่วนสำคัญของการออกแบบเว็บ ทำให้ไซต์มีสไตล์ที่โดดเด่น ข้อความคุณภาพสูงบนหน้าควรดูกลมกลืน รวมกับองค์ประกอบอื่นๆ ของเว็บไซต์ และในขณะเดียวกันก็ช่วยให้เข้าใจข้อมูลได้ดีขึ้น เมื่อใช้มาร์กอัป HTML และตารางเรียงซ้อน CSS คุณสามารถปรับแต่งการตั้งค่าเกือบทั้งหมดเพื่อเพิ่มประสิทธิภาพหน้าเว็บให้สูงสุด
จำเป็น
ไฟล์ฟอนต์ในรูปแบบ TTF
คำแนะนำ
ขั้นตอนที่ 1
ในการใช้ชุดแบบอักษรที่ติดตั้งบนคอมพิวเตอร์ของคุณ คุณสามารถใช้พารามิเตอร์ตระกูลแบบอักษรของสไตล์ชีตแบบเรียงซ้อนได้ ในการดำเนินการนี้ ให้ป้อนรหัสต่อไปนี้สำหรับรายการที่ต้องการ:
ข้อความ
คำสั่งนี้จะแสดงส่วนหัว h2 ระดับที่สองในแบบอักษร Arial
ขั้นตอนที่ 2
หากคุณต้องการใช้ฟอนต์ของคุณเอง ขั้นแรกคุณต้องอัปโหลดฟอนต์ไปที่โฮสต์และเปิดใช้งานโดยใช้คำสั่งที่เหมาะสม ไฟล์ TTF รวมอยู่ในคำสั่งต่อไปนี้:
แอตทริบิวต์ font-family ในกรณีนี้ระบุชื่อของแบบอักษร และ src: url (font.ttf) ระบุพาธไปยังไฟล์ TTF
ขั้นตอนที่ 3
หลังจากเปิดใช้งานองค์ประกอบ คุณสามารถใช้เพื่อแสดงข้อความ:
ข้อความ
คำสั่งนี้มีหน้าที่แสดงแบบอักษรแบบอักษรที่ต้องการเป็นตัวเอียงในส่วนหัวของระดับที่สอง หากเบราว์เซอร์ของผู้ใช้ไม่รองรับการจัดการไฟล์ TTF ระบบจะใช้แบบอักษรของระบบที่ระบุหลังเครื่องหมายจุลภาคแรก (ในกรณีนี้คือ Verdana)
ขั้นตอนที่ 4
เบราว์เซอร์บางตัวไม่รองรับ TTF ที่ดาวน์โหลดได้ ตัวอย่างเช่น Internet Explorer 8 ใช้รูปแบบ EOT เพื่อแสดงข้อความ สำหรับเบราว์เซอร์ดังกล่าว ให้แปลง TTF ดั้งเดิมโดยใช้หลายบริการและรวมแบบอักษรที่เป็นผลลัพธ์ในพารามิเตอร์ @ font-face ในลักษณะเดียวกัน
ขั้นตอนที่ 5
หากคุณต้องการนำเข้าไฟล์ที่คุณต้องการจากทรัพยากรอื่น ให้ใช้คำสั่ง @import ซึ่งต้องเขียนไว้ที่ด้านบนสุดของเอกสาร CSS:
@import url (https:// font_address)
