สวัสดีครับใน workshop นี้ ผมจะพาเอา Google Font ภาษาไทยมาใช้งานในเว็บไซต์ แบบฟรีๆ ฝึกไว้ครับเผื่อได้ใช้



 

โดยมีขั้นตอนดังนี้ครับ

  1. เข้าไปเลือกรูปแบบของ font ที่เราต้องการได้ที่ลิงค์ https://fonts.google.com/?subset=thai

  2. เลือก font ที่เราชอบ ตัวอย่างผมเลือก Font Mitr  จะแสดงดังภาพ

  3. จากนั้นให้เลือกสไตล์ที่เราต้องการอีกที (ในกรอบสีแดง) คลิกเลือก + Select this style แสดงดังภาพ

  4. เมื่อคลิก + Select this style จะแสดงแทบ Use on the web อยู่ทางขวามือของหน้าจอ ตรงนี้แหละครับที่เราต้องเอาไปใส่ในหน้าเว็บของเรา จะมี 2 ส่วนด้วยกัน ส่วนแรกคือ link และอีกส่วนคือ CSS
  5. ขั้นตอนต่อไปเราก็ลองสร้างหน้าเว็บไฟล์ .html ขึ้นมาทดสอบแบบง่ายๆ ครับ
    จุดสังเกต 1 บรรทัด 8-9 คือส่วนของ link เรียกไฟล์ font Mitr มาใช้งานครับ (ไฟล์ css)
    – จุดสังเกต 2 บรรทัด 11 – 15 การเปิด tag style เพื่อเรียก css มาใช้งาน โดยการกำหนดให้ใน tag body มีการเรียกใช้ font Mitr ทั้งหมด

    ผลการทำงาน

    เสร็จเรียบร้อยแล้วครับ ลองเอาไปประยุกต์ใช้ดูครับผม


ขอแนะนำระบบพร้อมใช้ ราคาเบาๆ เอาไปต่อยอดได้ รายละเอียดเพิ่มเติมใต้คลิป


ร่วมสนับสนุน ค่ากาแฟ ค่าโฮส devbanban.com และทีมงานได้ที่

ธนาคารกรุงไทย สาขาเดอะมอลล์ท่าพระ
ชื่อบัญชี นายพิศิษฐ์ บวรเลิศสุธี เลขที่ 878-0-17747-6
————————————————————————————
ธนาคารไทยพาณิชย์ สาขามหาวิทยาลัยราชภัฏธนบุรี
ชื่อบัญชี นายพิศิษฐ์ บวรเลิศสุธี เลขที่ 406-359094-1

fanpage : https://www.facebook.com/sornwebsites/