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 นำฟอนต์ไปโฮสต์ลงเว็บไซต์ของตนเอง
  • แก้ไขฟอนต์
  • นำไปใช้งานเป็นฟอนต์ขององค์กร

หากจะนำไปใช้งานตามกรณีตามด้านบนนี้จะต้องติดต่อผู้ผลิตฟอนต์โดยตรงได้เลย
อย่างในหน้าเว็บไซต์ของ Designil ตัว Heading ของเราก็ใช้ฟอนต์ Aktiv เช่นเดียวกัน


ถ้าไม่ได้ซื้อ Adobe Creative Cloud จะใช้ Font ได้มั้ย?

สำหรับคนที่สนใจจะใช้งาน Adobe fonts จะต้องมีบัญชี Adobe Creative Cloud ของ Adobe เท่านั้น

อย่างในเว็บไซต์ของ Designil เอง เพียงแค่ติดตั้ง Adobe CC Manger ฟอนต์ก็จะถูกติดตั้งลงบนเครื่องอัตโนมัติ สามารถใช้งานบนงานกราฟิกออฟไลน์ได้บนโปรแกรมอย่าง Figma และ Adobe ก็ได้ทั้งหมดแบบไม่ต้องลงฟอนต์ในเครื่อง เพียงแค่กดบนเว็บไซต์ก็ใช้งานได้ทันที

ส่วนการใช้งานฟอนต์บนงานดิจิตัลสำหรับงาน Web หรือ Email จะต้องติดตั้งผ่านตัวโค้ดทางด้านบนที่แนะนำ


Adobe fonts ใช้งานกับโปรแกรมอื่นได้หรือไม่?

ปัจจุบันสามารถใช้งานได้บนโปรแกรม Adobe และ Figma เท่านั้น


จบกันไปแล้วสำหรับบทความสอนใช้งานและวิธีติดตั้งฟอนต์แบบละเอียด สามารถติดตามเนื้อหาดีๆแบบนี้ได้ใหม่เป็นประจำทาง Designil แล้วมาเจอกันในบทความหน้าค่ะ ^_^

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

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

Natk

Natk

UI Specialist ซิดนีย์ ออสเตรเลีย | ประสบการณ์ทำงาน 11 ปี | สนใจเรื่อง User Interface, User Experience, Accessibility, Education | ผู้ก่อตั้งกลุ่มเฟซบุ๊ก Tech ไทยในออสเตรเลีย | ผู้ดูแลเว็บไซต์ Designil
บทความทั้งหมด