วิธีการเพิ่มฟอนต์ (font) ในเว็บไซต์เราด้วย Google Fonts

popiazaza

สำหรับเว็บส่วนใหญ่ผมแนะนำเป็น Google Fonts เพื่อว่าหากมีการใช้งานฟอนต์เดียวกันจากหลาย ๆ เว็บ
ผู้ใช้จะโหลดฟอนต์เพียงครั้งเดียว ทำให้เว็บไม่โหลดช้า
วิธีการใช้ Google Fonts เริ่มต้นจาก

1. เข้าไปที่ https://fonts.google.com/
2. เลือกภาษาว่าจะเอาฟอนต์ภาษาอะไร โดยถ้าจะใช้ฟอนต์สำหรับทุกภาษา แนะนำใช้ฟอนต์ Roboto อันเดียวเลย
โดยในตัวอย่างนี้ผมขอเลือกเป็นภาษาไทย




3. เลือกฟอนต์ที่ต้องการ โดยในตัวอย่างนี้ผมขอเลือกเป็น Prompt



4. เลือกรูปแบบฟอนต์ที่จะใช้ โดยปกติ Discuz! จะใช้ฟอนต์รูปแบบ
Regular 400 (ธรรมดา), Regular 400 italic (ธรรมดาเอียง), Bold 700 (ตัวหนา) และ Bold 700 italic (ตัวหนาเอียง)
ทั้งหากพบว่าบางขนาดแสดงผลไม่ถูกต้อง อาจเกิดจาก template ที่กำลังใช้อยู่กำหนดให้ใช้รูปแบบฟอนต์อื่น
ถ้าเกิดปัญหาอาจต้องเลือกฟอนต์ทุกรูปแบบไปก่อน (แค่จะทำให้เว็บโหลดช้าลงนิดนึง)

หากต้องการใช้หลายฟอนต์ก็สามารถเลือกฟอนต์อื่นเพิ่มได้เลย โดย Google Font จะสร้างโค้ด HTML ที่รวมทุกฟอนต์มาให้




5. เมื่อเลือกเสร็จ Google Fonts จะให้โค้ด HTML เรามา



โดยถ้าจะใช้ วิธีเพิ่มฟอนต์ (font) ในการโพสต์เนื้อหากระทู้

จุดที่นำโค้ดไปใส่เพื่อเพิ่มฟอนต์สำหรับใช้งานทั้งเว็บที่ง่ายที่สุดก็คือ
ไปใส่ในช่อง โค้ดสถิติสำหรับเว็บไซต์ ที่อยู่ใน AdminCP > ทั่วไป > ข้อมูลเว็บไซต์
หลังจากนั้นกดปุ่มบันทึกเป็นอันสำเร็จ



หรือ ถ้าจะทำให้ดีก็สามารถนำโค้ด HTML นี้ไปไฟล์ common/header.htm ในโฟลเดอร์ template ที่ใช้งานอยู่ก็ได้

อีกหนึ่งวิธีก็คือการนำโค้ด HTML นี้ไปใส่ในกระทู้ได้โดยตรงอย่างวิธีจาก เทคนิคการใช้ฟอนท์รูปแบบอื่น โดยไม่ต้องแก้โค้ต php

Jason

สุดยอดไปเลยครับ สวยยอดมาก