Adobe fonts สอนวิธีใช้และติดตั้งฟอนต์ไทยจาก Adobe แบบไม่ผิดลิขสิทธิ์

Natk

Adobe fonts คือ เว็บไซต์ที่เราสามารถนำฟอนต์สวย ๆ มาใช้งานได้ หากเรามีบัญชี Adobe creative clouds แบบ All apps เพื่อน ๆ รู้หรือไม่ว่าในคลังฟอนต์นั้นก็มีฟอนต์มากมายเป็นพัน ๆ แบบ ทั้งฟอนต์ภาษาไทยและฟอนต์ภาษาอังกฤษ แถมเป็นฟอนต์แบบเสียเงินคุณภาพเยี่ยมทุกแบบเลย

วันนี้ Designil จะมาสอนวิธีการติดตั้งฟอนต์ไทยจาก Adobe แบบละเอียด

วิธีการใช้งานฟอนต์จาก Adobe นั้นก็ไม่ยากเลยค่ะ มีขั้นตอนวิธีการติดตั้งเหมือน Google fonts เลยค่ะ

มาเริ่มกันเลย!

aktiv grotesk thai example
aktiv grotesk thai example

วิธีการติดตั้งฟอนต์ไทยจาก Adobe Fonts

1. ไปที่หน้าเว็บไซต์ Adobe Fonts

เว็บไซต์นี้จะเป็นศูนย์รวมฟอนต์ทั้งหมด ซึ่งมีมากหมายหลากหลายแบบ

อย่าลืมล็อกอินให้เรียบร้อยก่อนเริ่มใช้งานนะคะ

2. พิมพ์ในช่องคำค้นหาว่า “Thai”

thai font search - adobe fonts
ขั้นตอนที่ 2 ค้นหาคำว่า Thai

3. เลือกฟอนต์ที่เราต้องการใช้งาน

ผลลัพธ์การค้นหา Thai font - Adobe fonts

ขั้นตอนที่ 3 ผลลัพธ์การค้นหา Thai font – Adobe fonts

ในเว็บไซต์ของ Adobe fonts ปัจจุบันมีฟอนต์สวย ๆ ดังต่อไปนี้

  • ฟอนต์ IBM Plex Thai จาก IBM
  • ฟอนต์ IBM Plex Sans Thai Looped จาก IBM (ฟอนต์มีหัว)
  • ฟอนต์​ Adobe Thai (ฟอนต์มีหัว)
  • ฟอนต์ Aktiv Grotesk Thai จาก Dalton Maag

ถ้าถามแอดนัท แอดนัทชอบ Aktiv Grotesk Thai มาก หน้าตาดูดีเหมาะสำหรับใช้งานในเว็บไซต์เป็นตัวพาดหัวข่าว อ่านง่ายและเป็นระเบียบเรียบร้อย

4. เลือกฟอนต์ที่เราต้องการใช้งาน

ในตัวอย่างนี้เราจะเลือกฟอนต์ Aktiv Grotesk Thai มาใช้งานกันนะคะ

aktiv grotesk thai
ขั้นตอนที่ 4 เลือกฟอนต์ aktiv grotesk thai

หมายเหตุ: สำหรับคนที่ใช้งาน Adobe creative clouds ไม่ว่าจะโปรแกรมอะไรก็ตาม เพียงแค่ติ๊กปุ่มตรงคำว่า Activate font ฟอนต์ที่อยู่ใน Adobe fonts ทั้งหมดก็ถูกนะไปแสดงผลในโปรแกรมทันทีค่ะ ง่ายมาก ๆ

5. กดปุ่ม Add to Web Project

หลังจากกดปุ่มจะมีหน้าต่างขึ้นมาให้เราเลือกขนาดของน้ำหนักฟอนต์ที่เราต้องการจะใช้งาน

แอดนัทขอเลือกไปที่น้ำหนัก Regular และ Bold

  • อย่าลืมตั้งชื่อ Project name ของเราด้วยนะคะ ในช่องด้านบนสุด ในที่นี่จะใส่เป็น Designil
  • หลังจากนั้นกดปุ่ม Create เพื่อรับ CSS นำไปใช้งาน
adobe fonts - Add font to web project
ขั้นตอนที่ 5 – Add font to web project

6. ทดลองใช้งานฟอนต์จาก Adobe กันได้เลย

หลังจากเรากด Create แล้ว เราก็จะได้ CSS, HTML สำหรับใช้งาน

adobe fonts thai
adobe fonts thai

เป็นอันเสร็จสิ้นเรียบร้อยสำหรับการใช้งานฟอนต์จาก Adobe


ลิขสิทธิ์การใช้งานฟอนต์ Aktiv Grotesk Thai

license Aktiv Grotesk Thai
license Aktiv Grotesk Thai

เรามาอ่านลิขสิทธิ์การใช้งานของฟอนต์ Aktiv Grotesk Thai กันสักเล็กน้อยก่อนนำไปใช้ค่า

  • สามารถใช้งานฟอนต์นี้ได้ Vector artwork, ในรูปภาพ, ในโลโก้
  • ใช้งานบนเว็บไซต์
  • ใช้งานบน PDFs
  • ใช้งานในภาพวิดีโอ

ไม่สามารถใช้ได้ตามกรณีดังต่อไปนี้

  • Mobile apps
  • Self hosting นำฟอนต์ไปโฮสต์ลงเว็บไซต์ของตนเอง
  • แก้ไขฟอนต์
  • นำไปใช้งานเป็นฟอนต์ขององค์กร

หากจะนำไปใช้งานตามกรณีตามด้านบนนี้จะต้องติดต่อผู้ผลิตฟอนต์โดยตรงนะคะ


ติดตามบทความเกี่ยวกับฟอนต์ของเราเพิ่มเติมได้ที่

Natk

Natk

Lead UI Designer ปัจจุบันทำงานที่มหาวิทยาลัย RMIT University เมลเบิร์น, ออสเตรเลีย มีความสนใจเรื่อง User Interface, User Experience, Accessibility, Education
บทความทั้งหมด

Related posts