5 ฟอนต์ไทยยอดนิยมใน Google font 

Google font เป็นบริการที่ให้เราเลือกฟอนต์สวย ๆ มาใช้ในเว็บไซต์ได้ฟรี โดยไม่ต้องดาวน์โหลดหรือเขียนโค้ดเพิ่มเติม1 ฟอนต์ไทยใน Google font มีหลากหลายสไตล์ และมีคุณภาพดี สามารถใช้งานได้กับทุกประเภทของเว็บไซต์ วันนี้เราจะมาแนะนำ 5 ฟอนต์ไทยยอดนิยมใน Google font

-Prompt (พร้อม) เป็นฟอนต์ภาษาไทยที่มีรูปลักษณ์ทันสมัยและสะอาดตา คล้ายกับแบบอักษรสุขุมวิทอันโด่งดังที่ใช้ใน OS X Prompt เหมาะสำหรับการออกแบบเว็บไซต์ที่ต้องการสื่อถึงความเป็นมืออาชีพ ความเรียบง่าย และสง่างาม Prompt มี 18 สไตล์ ตั้งแต่แบบบางจนถึงสีดำ และรองรับทั้งอักษรไทยและละติน 

-Kanit (คณิต) เป็นฟอนต์ไทยที่มีรูปลักษณ์ทางเรขาคณิตและอนาคต เป็นฟอนต์ sans-serif ซึ่งหมายความว่าไม่มีเส้นขีดที่ท้ายตัวอักษร กนิษฐ์ เหมาะกับการออกแบบเว็บไซต์ที่ต้องการถ่ายทอดความรู้สึกถึงนวัตกรรม เทคโนโลยี และความคิดสร้างสรรค์ กนิษฐ์มี 18 รูปแบบ ตั้งแต่แบบบางจนถึงสีดำ และรองรับทั้งอักษรไทยและละติน

-Sarabun  (สารบรรณ) เป็นฟอนต์ไทยที่สื่อถึงความคลาสสิคและหรูหรา เป็นฟอนต์แบบเซอริฟ ซึ่งมีขีดที่ท้ายตัวอักษร สารบรรณเหมาะกับการออกแบบเว็บไซต์ที่ต้องการสื่อถึงขนบธรรมเนียม วัฒนธรรม และความประณีตมี 18 รูปแบบ ตั้งแต่แบบบางและหนาหลาย ๆ  น้ำหนัก รองรับทั้งอักษรไทยและละติน

-Bai Jamjuree  (ใบจามจุรี) เป็นฟอนต์ไทยที่ดูเป็นมิตรและมีชีวิตชีวา มันเป็นฟอนต์ sans-serif แต่ก็มีส่วนโค้งและมุมที่ทำให้ไดนามิกและสนุกสนานมากขึ้น ใบจามจุรี เหมาะกับการออกแบบเว็บไซต์ที่ต้องการถ่ายทอดความรู้สึกสนุกสนาน สนุกสนาน และมีความสุข ใบจามจุรีมี 18 สไตล์ ตั้งแต่แบบบางและหนา รองรับทั้งอักษรไทยและละติน

-Mitr (มิตร) เป็นฟอนต์ภาษาไทยที่มีรูปลักษณ์ที่สมดุลและกลมกลืน มันเป็นฟอนต์ sans-serif แต่มีเส้นโค้งเล็กๆ น้อยๆ ที่ทำให้ดูเรียบเนียนและเป็นธรรมชาติยิ่งขึ้น Mitr เหมาะสำหรับการออกแบบเว็บไซต์ที่ต้องการสื่อถึงความสงบ ความสงบ และความสามัคคี Mitr มี 18 รูปแบบ ตั้งแต่แบบบางและหนา และรองรับทั้งอักษรไทยและละติน 

คุณสามารถดูว่ามิตรมีลักษณะอย่างไรบนเว็บไซต์ได้ที่นี่ เหล่านี้คือ 5 ฟอนต์ไทยยอดนิยมในฟอนต์ Google จากการวิจัยของฉัน ฉันหวังว่าคุณจะสนุกกับการอ่านบทความนี้ และได้เรียนรู้สิ่งใหม่ๆ เกี่ยวกับแบบอักษรไทย หากคุณต้องการสำรวจแบบอักษรไทยเพิ่มเติมในแบบอักษรของ Google คุณสามารถเยี่ยมชมเว็บไซต์แบบอักษรของ Google และเรียกดูแบบอักษรตามภาษา คุณยังสามารถใช้ Google Font API เพื่อเพิ่มแบบอักษรลงในเว็บไซต์ของคุณได้อย่างง่ายดาย

วิธีการใช้ Google Font มีดังนี้

-การดาวน์โหลด

1.เข้าไปที่เว็บไซต์ของ Google font1

2.เลือกฟอนต์ที่คุณต้องการดาวน์โหลด โดยคลิกที่ชื่อฟอนต์

3.กดปุ่ม + SELECT THIS FONT เพื่อเลือกฟอนต์ที่คุณต้องการ

4.กดที่แถบด้านล่างมุมขวาที่มีชื่อฟอนต์ที่คุณเลือก

5.กดปุ่มลูกศรลง (ปุ่มดาวน์โหลด) ด้านบนขวามือเพื่อดาวน์โหลดฟอนต์

6.เปิดไฟล์ zip ที่ดาวน์โหลดมา และคลิกขวาที่ไฟล์ฟอนต์

7.เลือก Install เพื่อติดตั้งฟอนต์ลงในคอมพิวเตอร์ของคุณ

-การฝัง Font ลงในเว็บไซต์

1.เข้าไปที่เว็บไซต์ของ Google Font1

2.เลือกฟอนต์ที่คุณต้องการ โดยคลิกที่ชื่อฟอนต์

3.กดปุ่ม + SELECT THIS FONT เพื่อเลือกฟอนต์ที่คุณต้องการ

4.กดที่แถบด้านล่างมุมขวาที่มีชื่อฟอนต์ที่คุณเลือก

    4.1 คัดลอกโค้ดที่แสดงในส่วน Use on the web มาวางในไฟล์ HTML ของคุณ โดยมีสองส่วนคือ

    4.2 ส่วนที่เป็น link ให้วางไว้ในส่วน head ของ HTML

    4.3 ส่วนที่เป็น CSS ให้วางไว้ในส่วน style ของ HTML หรือไฟล์ CSS ของคุณ

5.กำหนดให้ HTML element ที่คุณต้องการใช้ฟอนต์นี้มี font-family เป็นชื่อฟอนต์ที่คุณเลือก

ตัวอย่างโค้ด HTML ที่ใช้ Google Font คือ

  <meta charset="utf-8">
  <title>Example of using Google Font</title>
  <!-- link to import the font -->
  <link rel="preconnect" href="https://fonts.gstatic.com">
  <link href="https://fonts.googleapis.com/css2?family=Kanit:wght@300&display=swap" rel="stylesheet">
  <!-- CSS to apply the font -->
  <style>
    h1 {
      font-family: 'Kanit', sans-serif;
    }
  </style>


  
สวัสดีค่ะ นี่คือ Bing