fbpx
แชร์บทความน่าสนใจได้ที่นี่
หน้าแรกบทความฟ้อนต์ไทยสวย ๆ ใน Google Fonts ใช้ฟรี 100%

ฟ้อนต์ไทยสวย ๆ ใน Google Fonts ใช้ฟรี 100%

Author

Date

Category

แชร์บทความน่าสนใจได้ที่นี่

 

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

วิธีการใส่ฟ้อนต์ฟรี GOOGLE FONTS ในเว็บไซต์

  1. ไปที่เว็บไซต์ Google Fonts
  2. ในเมนูด้านซ้าย เลือก Languages > Thai

3.เท่านี้ก็จะเจอกับฟ้อนต์ไทย 12 แบบสวย ๆ จาก Cadson Demak

4. ถ้าชอบฟ้อนต์ไหน ก็กดปุ่ม + สีแดงที่มุมบนขวาของแต่ละฟ้อนตื จะมีบาร์ข้างล่างโผล่ขึ้นมาแสดงว่าเราเลือกไปกี่ฟ้อนต์แล้ว จะเลือกหลาย ๆ ฟ้อนต์ก็ได้

5. เลือกเสร็จ คลิกที่บาร์สีดำที่เขียนว่า “X families Selected” ด้านล่าง หน้าต่างแนะนำวิธีการใช้งานฟ้อนต์ที่เราเลือกจะปรากฏขึ้นมา สามารถก็อปปี้โค้ดไปใช้ใน HTML / CSS ของเราได้เลยครับ

6. สำหรับโค้ด HTML นำไปใส่ในระหว่าง <head> … </head> ได้เลย หรือถ้าอยาก @import ใส่ CSS แทนสามารถเลือกแท็บ @IMPORT

7. สำหรับโค้ด CSS ให้นำไปใส่ใน CSS Selector ที่ต้องการแสดงฟ้อนต์ตัวนั้น ตัวอย่างเช่น

  1. /* ใช้ทั้งเว็บไซต์ */
  2. body {
  3. font-family: ‘Chonburi’, sans-serif;
  4. }
  5. /* ใช้เฉพาะหัวข้อ */
  6. h1, h2, h3, h4, h5, h6 {
  7. font-family: ‘Athiti’, sans-serif;
  8. }
 8. เสร็จเรียบร้อย เท่านี้ฟ้อนต์สวย ๆ ที่เราเลือกใช้ก็จะมาแสดงผลบนเว็บไซต์ได้แล้วค่ะ

 

ติดต่อได้ที่ :

โทร 064-23456-33
ติดต่อ Line ID : @indigital (มี@ นะคะ)
คลิกเพื่อ ADD Line : https://line.me/R/ti/p/%40indigital
Fanpage : INdigital การตลาดออนไลน์
คลิก https://www.facebook.com/indigital.co.th/
เว็บไซต์ : www.indigital.co.th

 

ที่มา fonts.google.com

ทิ้งคำตอบไว้

Please enter your name here
Please enter your comment!

Linda Barbara

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum imperdiet massa at dignissim gravida. Vivamus vestibulum odio eget eros accumsan, ut dignissim sapien gravida. Vivamus eu sem vitae dui.

Recent posts

Recent comments