สวัสดีครับใน 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/

 

 

 

(Visited 387 times, 17 visits today)