ใช้แบบอักษรใน HubSpot

แบบอักษรที่มีอยู่สำหรับเนื้อหาใน HubSpot ขึ้นอยู่กับประเภทของเนื้อหาและประเภทของแบบอักษร แบบอักษรเริ่มต้นบางแบบมีอยู่ในเครื่องมือแก้ไขเนื้อหาทั้งหมดในขณะที่แบบอักษรบนเว็บ (เช่น Google Fonts) และแบบอักษรที่กำหนดเองมีข้อจำกัดเพิ่มเติมตามที่ระบุไว้ด้านล่าง: 

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

ใช้แบบอักษรเริ่มต้นในโมดูลข้อความแบบสมบูรณ์

แบบอักษรเริ่มต้นสามารถใช้ในเนื้อหาทุกประเภทและได้รับการออกแบบมาเพื่อโหลดบนแพลตฟอร์มและอุปกรณ์ส่วนใหญ่ 

• ไปที่เนื้อหาของคุณ:

  • หน้าเว็บไซต์: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าเว็บไซต์
  • หน้า Landing Page: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าแลนดิ้ง
  • บล็อก: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > บล็อก

• • อีเมล: ในบัญชี HubSpot ของคุณ ไปที่การตลาด > อีเมล
• คลิกที่ชื่อเนื้อหาของคุณ 
• ในตัวแก้ไขเนื้อหาให้คลิกโมดูลข้อความแบบสมบูรณ์จากนั้นไฮไลต์ข้อความที่คุณต้องการแก้ไข 
• ในแถบเครื่องมือ Rich Text ให้คลิกเมนูแบบเลื่อนลงแบบอักษรและเลือกแบบอักษร แบบอักษรต่อไปนี้มีอยู่ในโมดูลข้อความสมบูรณ์:

  • Andale Mono *

  • Arial

  • จอง Antiqua *

  • พาร์ทเนอร์จัดส่งใหม่

  • จอร์เจีย

  • เฮลเวติก้า

  • ผลกระทบ *

  • Lato **
  • Merriweather **

• • โมนาโก *

• • สัญลักษณ์ *

  • ตาโฮมา

  • เทอร์มินอล *

  • Times New Roman

  • Trebuchet MS

  • Verdana

* ไม่มีในเครื่องมือแก้ไขอีเมลแบบลากและวาง 

** ใช้ได้เฉพาะเป็นแบบอักษรเว็บในตัวแก้ไขอีเมลแบบลากและวางเท่านั้น

ใช้แบบอักษรบนเว็บ

แบบอักษรเว็บจะพร้อมใช้งานตามค่าเริ่มต้นในตัวแก้ไขเนื้อหา

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

โปรดทราบ: ไม่สามารถเลือกแบบอักษรบนเว็บได้ในเมนูแบบเลื่อนลงแบบอักษรของเครื่องมือแก้ไข Rich Text 

นอกจากนี้คุณยังสามารถใช้บริการของบุคคลที่สามเช่น Google Fonts โดยคัดลอกโค้ดนำเข้าของฟอนต์วางลงในสไตล์ชีตของเนื้อหาจากนั้นใช้ฟอนต์ผ่าน CSS:

• ไปที่ fonts.google.com
• ในแถบค้นหาให้ป้อนชื่อแบบอักษร 
• คลิกที่ชื่อแบบอักษรเพื่อดูรายการรูปแบบที่สามารถนำเข้าได้
• ถัดจากแต่ละสไตล์ที่คุณต้องการนำเข้าให้คลิก + เลือกสไตล์นี้
• ในแผงด้านขวาให้เลือก @ import ในส่วน Use on the web  
• คัดลอกรหัสแบบอักษร:
  • ในส่วนการใช้งานบนเว็บให้คัดลอกรหัส @ import โดยไม่มีแท็ก < style >
  • ในกฎ CSS เพื่อระบุฟิลด์ครอบครัวให้คัดลอก โค้ดสำหรับการตั้งค่ากฎ CSS 

เมื่อคุณได้รับโค้ดจาก Google Fonts แล้วคุณสามารถเพิ่มฟอนต์ลงในเนื้อหา HubSpot ของคุณได้: 

• ใช้แบบอักษรของ Google ในสไตล์ชีต
• ใช้แบบอักษรของ Google ในเทมเพลตอีเมลที่กำหนดเอง
• ใช้ Google Font ใน CTA (เดิม)
• ใช้แบบอักษรของ Google ในรูปแบบ
• ใช้แบบอักษร Google ในโมดูลที่กำหนดเอง

ใช้แบบอักษรของ Google ในสไตล์ชีต

• คัดลอกโค้ด @ import ของฟอนต์จาก Google Fonts
• ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > ตัวจัดการการออกแบบ
• ในตัวค้นหาให้เปิดสไตล์ชีตที่ใช้สำหรับเนื้อหาของคุณ
• วางโค้ด @ import ลงในบรรทัดที่ 1 ของสไตล์ชีต 
• เพิ่มโค้ดสำหรับการตั้งค่ากฎ CSS ไปยังตัวเลือกที่เหมาะสมในสไตล์ชีต
• ที่มุมขวาบนให้คลิกเผยแพร่ การเปลี่ยนแปลงเพื่อแสดงการเปลี่ยนแปลงแบบเรียลไทม์ 

ใช้แบบอักษรของ Google ในเทมเพลตอีเมลที่กำหนดเอง

• คัดลอกโค้ด @ import ของฟอนต์จาก Google Fonts
• ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > ตัวจัดการการออกแบบ
• ในตัวค้นหาให้เปิดเทมเพลตอีเมลที่กำหนดเอง
• ในส่วน ของเทมเพลตให้วางรหัส @ import ระหว่างแท็ก  
• ในรหัสของเนื้อหาอีเมลให้เพิ่มแบบอักษรที่กำหนดเองในการจัดแต่งแบบอินไลน์ 
• ที่มุมขวาบนให้คลิกเผยแพร่การเปลี่ยนแปลงเพื่อแสดงการเปลี่ยนแปลงแบบเรียลไทม์ 

ใช้ Google Font ใน CTA (เดิม)

• คัดลอกโค้ดของ Google สำหรับการตั้งค่ากฎ CSS สำหรับแบบอักษรนั้น
• ในบัญชี HubSpot ของคุณ ไปที่ การตลาด > CTA
• วางเมาส์เหนือ CTA แล้วคลิกการดำเนินการ > แก้ไข 
• ที่แผงด้านขวาให้คลิกตัวเลือกขั้นสูง 
• ในกล่องข้อความให้วางโค้ดของ Google สำหรับการตั้งค่ากฎ CSS สำหรับแบบอักษรนั้น 
• ที่ด้านล่างขวาให้คลิกถัดไปจากนั้นคลิก บันทึก

ใช้แบบอักษรของ Google ในรูปแบบ

• ในบัญชี HubSpot ของคุณ ไปที่ การตลาด > แบบฟอร์ม
• วางเมาส์เหนือชื่อแบบฟอร์มแล้วคลิกการดำเนินการ > แก้ไขแบบฟอร์มหรือสร้างแบบฟอร์มใหม่
• ในตัวแก้ไขแบบฟอร์มให้คลิกแท็บสไตล์และตัวอย่าง  
• ในเมนูแถบด้านข้างซ้ายให้คลิกส่วนสไตล์
• ในส่วนข้อความให้คลิกเมนูแบบเลื่อนลงตระกูลแบบอักษรและเลือกแบบอักษรของ Google 
• ที่ด้านบนขวาให้คลิกอัพเดทหรือเผยแพร่เพื่อแสดงการเปลี่ยนแปลงแบบเรียลไทม์ 

ใช้แบบอักษร Google ในโมดูลที่กำหนดเอง

โปรดทราบ: แบบอักษร Google ไม่พร้อมใช้งานสำหรับโมดูลที่กำหนดเองที่ใช้ในเทมเพลตอีเมล

• ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > ตัวจัดการการออกแบบ

• ในตัวค้นหาทางด้านซ้ายให้เปิดโมดูลที่กำหนดเอง ดูข้อมูลเพิ่มเติมเกี่ยวกับการสร้างโมดูลที่กำหนดเอง
• ในตัวตรวจสอบทางด้านขวาให้คลิกเมนูแบบเลื่อนลงเพิ่มฟิลด์ในส่วนฟิลด์และเลือกแบบอักษร ดูข้อมูลเพิ่มเติมเกี่ยวกับการทำงานกับฟิลด์แบบอักษร 

• ที่มุมขวาบนให้คลิกเผยแพร่การเปลี่ยนแปลงเพื่อแสดงการเปลี่ยนแปลงแบบเรียลไทม์ 

• ไปที่เนื้อหาของคุณ:

  • หน้าเว็บไซต์: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าเว็บไซต์
  • หน้า Landing Page: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าแลนดิ้ง
  • บล็อก: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > บล็อก
• คลิกชื่อเนื้อหาโดยใช้โมดูลที่กำหนดเอง 
• ในตัวแก้ไขเนื้อหาให้คลิกโมดูลที่กำหนดเอง 
• ในตัวแก้ไขแถบด้านข้างให้คลิกเมนูดรอปดาวน์ฟิลด์แบบอักษรและเลือกแบบอักษรของ Google 

ใช้แบบอักษรที่กำหนดเอง

เพื่อเป็นทางเลือกในการใช้แบบอักษรเว็บมาตรฐานหรือใช้ไลบรารีแบบอักษรเช่น Google Fonts คุณสามารถอัปโหลดไฟล์แบบอักษรจากนั้นใช้ในธีมหรืออ้างอิงในสไตล์ชีต 

ใช้แบบอักษรที่กำหนดเองในธีม

ในตัวแก้ไขธีมคุณสามารถอัปโหลดแบบอักษรที่กำหนดเองจากนั้นใช้แบบอักษรนั้นในหน้าเว็บและโพสต์ รองรับไฟล์แบบอักษรในรูปแบบต่อไปนี้: TTF, OTF, WOFF

อัปโหลดแบบอักษรที่กำหนดเองสำหรับหน้าหรือโพสต์

เมื่อคุณอัปโหลดแบบอักษรที่กำหนดเองแล้วแบบอักษรจะพร้อมใช้งานสำหรับหน้าโพสต์หรือบทความฐานความรู้

• ไปที่เนื้อหาของคุณ:

  • หน้าเว็บไซต์: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าเว็บไซต์
  • หน้า Landing Page: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าแลนดิ้ง
  • บล็อก: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > บล็อก
• คลิกที่ชื่อเนื้อหาของคุณ 
• ในเครื่องมือแก้ไขเนื้อหาให้คลิกเมนูแก้ไขแล้วเลือกธีม: [ชื่อธีม]
• ในเมนูแถบด้านซ้ายให้คลิกเมนูแบบเลื่อนลงแบบอักษรแล้วเลือกอัปโหลดแบบอักษรที่กำหนดเอง 
• ในแผงด้านขวาให้ป้อนป้ายกำกับสำหรับแบบอักษรของคุณในช่องชื่อแบบอักษร  
• คลิกเลือกไฟล์แบบอักษรและเลือกไฟล์แบบอักษรอย่างน้อยหนึ่งไฟล์จากนั้นคลิกถัดไป 

• คลิกเมนูแบบเลื่อนลงสไตล์แบบอักษร 1 และเลือกสไตล์ที่ไฟล์แบบอักษรของคุณใช้อยู่ แต่ละสไตล์ต้องใช้ไฟล์แบบอักษรแยกต่างหาก 
• หากต้องการเพิ่มสไตล์ฟอนต์เพิ่มเติมให้คลิก + เพิ่มสไตล์ฟอนต์อื่นจากนั้นเพิ่มสไตล์ฟอนต์ของคุณ ไฟล์แบบอักษรที่อัปโหลดแต่ละไฟล์ต้องมีสไตล์ที่เกี่ยวข้องอย่างน้อยหนึ่งแบบ 
• เมื่อเพิ่มสไตล์แบบอักษรที่เกี่ยวข้องทั้งหมดแล้วให้คลิกเสร็จสิ้น

อัปโหลดแบบอักษรที่กำหนดเองสำหรับบทความฐานความรู้

เมื่อคุณอัปโหลดแบบอักษรที่กำหนดเองแล้วแบบอักษรจะพร้อมใช้งานสำหรับหน้าโพสต์หรือบทความฐานความรู้

• ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > ฐานความรู้
• ที่ด้านบนขวาให้คลิกเมนูดรอปดาวน์กำหนดค่าและ เลือกธีม 
• ในตัวแก้ไขธีมให้คลิกการพิมพ์ในตัวแก้ไขแถบด้านข้าง 
• คลิกเมนูดรอปดาวน์แบบอักษรและอัปโหลดแบบอักษรที่กำหนดเอง หากเพิ่มแบบอักษรที่กำหนดเองแล้วให้คลิกจัดการแบบอักษรที่กำหนดเอง 
• ในแผงด้านขวาให้ป้อนป้ายกำกับสำหรับแบบอักษรของคุณในช่องชื่อแบบอักษร  
• คลิกเลือกไฟล์แบบอักษรและเลือกไฟล์แบบอักษรอย่างน้อยหนึ่งไฟล์จากนั้นคลิกถัดไป 

• คลิกเมนูแบบเลื่อนลงสไตล์แบบอักษร 1 และเลือกสไตล์ที่ไฟล์แบบอักษรของคุณใช้อยู่ แต่ละสไตล์ต้องใช้ไฟล์แบบอักษรแยกต่างหาก 
• หากต้องการเพิ่มสไตล์ฟอนต์เพิ่มเติมให้คลิก + เพิ่มสไตล์ฟอนต์อื่นจากนั้นเพิ่มสไตล์ฟอนต์ของคุณ ไฟล์แบบอักษรที่อัปโหลดแต่ละไฟล์ต้องมีสไตล์ที่เกี่ยวข้องอย่างน้อยหนึ่งแบบ 
• เมื่อเพิ่มสไตล์แบบอักษรที่เกี่ยวข้องทั้งหมดแล้วให้คลิกเสร็จสิ้น

แก้ไขแบบอักษรที่กำหนดเอง

เมื่ออัพโหลดแบบอักษรที่กำหนดเองในเครื่องมือแก้ไขธีมแล้วก็อัพโหลดแบบอักษรเพิ่มเติมปรับแต่งแบบอักษรที่มีอยู่ด้วยสไตล์แบบอักษรเพิ่มเติมหรือลบแบบอักษรได้ 

• ไปที่เนื้อหาของคุณ:

  • หน้าเว็บไซต์: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าเว็บไซต์
  • หน้า Landing Page: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าแลนดิ้ง
  • บล็อก: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > บล็อก
• คลิกที่ชื่อเนื้อหาของคุณ 
• ในเครื่องมือแก้ไขเนื้อหาให้คลิกเมนูแก้ไขแล้วเลือกธีม: [ชื่อธีม]
• ในเมนูแถบด้านข้างซ้ายให้คลิกเพื่อขยายส่วนแบบอักษร
• คลิกเมนูแบบเลื่อนลง แบบอักษรแล้วเลือก จัดการแบบอักษรที่กำหนดเอง
• หากต้องการเพิ่มแบบอักษรใหม่ให้คลิกเพิ่มแบบอักษรที่กำหนดเองในกล่องโต้ตอบ 
• วิธีแก้ไขแบบอักษร:
  • ในกล่องโต้ตอบให้คลิกเมนูดรอปดาวน์การดำเนินการถัดจากแบบอักษรแล้วเลือกแก้ไข
  • หากต้องการเปลี่ยนชื่อฟอนต์ให้คลิกแก้ไขถัดจากชื่อฟอนต์จากนั้นป้อนชื่อฟอนต์ใหม่ 
  • หากต้องการเพิ่มสไตล์แบบอักษรเพิ่มเติมให้คลิกเพิ่มสไตล์แบบอักษรอื่นจากนั้นคลิกเมนูแบบเลื่อนลงสไตล์แบบอักษรแล้วเลือกสไตล์ คลิกอัปโหลดจากนั้นอัปโหลดไฟล์แบบอักษร 
  • หากต้องการลบสไตล์แบบอักษรให้คลิกdeletededelคอน ลบลบที่อยู่ถัดจากสไตล์แบบอักษร คุณไม่สามารถลบสไตล์ฟอนต์ได้หากไม่มีสไตล์ฟอนต์อื่นอยู่ในรายการ 
  • คลิก บันทึก 
• หากต้องการลบแบบอักษรให้คลิกเมนูแบบเลื่อนลงการกระทำในกล่องโต้ตอบแล้วเลือก ลบ 

โปรดทราบ: การลบแบบอักษรจะลบออกจากเมนูแบบเลื่อนลงทั้งหมดแต่ไฟล์แบบอักษรจะยังคงอยู่ในเครื่องมือไฟล์จนกว่าจะลบออก 

• เมื่อแก้ไขแบบอักษรเสร็จแล้วให้คลิก เสร็จ

ใช้แบบอักษรที่กำหนดเองในสไตล์ชีต

นอกจากการใช้แบบอักษรเว็บมาตรฐานหรือการใช้ไลบรารีแบบอักษรเช่น Google Fonts แล้วคุณยังสามารถโฮสต์ไฟล์แบบอักษรในเครื่องมือไฟล์จากนั้นอ้างอิงไฟล์เหล่านั้นในสไตล์ชีตของคุณได้อีกด้วย 

โปรดทราบ: แบบอักษรที่กำหนดเองจะใช้ได้ในบัญชีที่มีการเข้าถึงตัวจัดการการออกแบบเท่านั้นและต้องใช้กับ CSS การเพิ่มแบบอักษรที่กำหนดเองจะไม่เพิ่มแบบอักษรลงในเมนูดรอปดาวน์การจัดแต่งทรงผมในตัวแก้ไขเนื้อหา 

หากต้องการใช้แบบอักษรในเนื้อหาให้อัปโหลดไฟล์ของแบบอักษรไปยังเครื่องมือไฟล์ ขอแนะนำให้อัปโหลดฟอนต์อย่างน้อย .woff, .ttf และ .eot เพื่อให้แน่ใจว่าฟอนต์ของคุณโหลดได้ในทุกเบราว์เซอร์ คุณสามารถใช้โหมดผู้เชี่ยวชาญบนเครื่องมือแปลงแบบอักษรกระรอกเพื่อสร้างรูปแบบไฟล์เพิ่มเติม

• ในบัญชี HubSpot ของคุณ ไปที่ ไลบรารี > ไฟล์
• คลิก อัปโหลดไฟล์ 
• บนฮาร์ดไดรฟ์ของคอมพิวเตอร์ของคุณให้เลือกไฟล์แบบอักษรจากนั้นคลิก เปิด 
• คลิกชื่อของไฟล์แบบอักษรที่อัปโหลด 
• ในแผงด้านขวาให้คลิกคัดลอก URL เพื่อคัดลอก URL ที่ไฟล์โฮสต์ คุณจะต้องใช้ URL สำหรับแบบอักษรในแต่ละรูปแบบไฟล์ 

ใช้แบบอักษรที่กำหนดเองในสไตล์ชีต

เมื่อเพิ่มแบบอักษรที่กำหนดเองลงในเครื่องมือไฟล์แล้วก็นำไปอ้างอิงในสไตล์ชีตได้เลย รูปแบบอักษรแต่ละแบบ (ตัวเอียงตัวหนาฯลฯ) จะต้องมีกฎ @ font-face แยกต่างหาก เรียนรู้เพิ่มเติมเกี่ยวกับการทำงานกับสไตล์ชีตใน HubSpot 

• ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > ตัวจัดการการออกแบบ
• ในตัวค้นหาให้เปิดสไตล์ชีตที่ใช้สำหรับเนื้อหาของคุณ
• สำหรับแต่ละสไตล์แบบอักษร:
  • ที่ด้านบนของสไตล์ชีตให้วางรหัสต่อไปนี้: 

@font-face { font-family: 'Your Font Name'; src: url('your_font_file.eot?') format('eot'), url('your_font_file.woff') format('woff'), url('your_font_file.ttf') format('truetype');}

• • แทนที่ชื่อแบบอักษร ของคุณด้วยชื่อแบบอักษร
  • แทนที่ your_font_file.xxx? ด้วย URL จากเครื่องมือไฟล์ ทำซ้ำสำหรับแต่ละรูปแบบไฟล์ 
• สร้างกฎ CSS ด้วยคุณสมบัติแบบอักษรสำหรับครอบครัวเพื่อใช้แบบอักษรที่กำหนดเอง 
• ที่ด้านบนขวาให้คลิกอัพเดทหรือเผยแพร่เพื่อแสดงการเปลี่ยนแปลงแบบเรียลไทม์ 

ใช้แบบอักษรที่กำหนดเองในเทมเพลตอีเมลที่กำหนดเอง

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

• ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > ตัวจัดการการออกแบบ
• ในตัวค้นหาให้เปิดเทมเพลตอีเมลที่กำหนดเอง
• สำหรับแต่ละสไตล์แบบอักษร:
  • ในส่วน < head > ของเทมเพลตให้วางโค้ดนี้ระหว่างแท็ก < style >.... : 

@font-face { font-family: 'Your Font Name'; src: url('your_font_file.eot?') format('eot'), url('your_font_file.woff') format('woff'), url('your_font_file.ttf') format('truetype');}

• • แทนที่ชื่อแบบอักษร ของคุณด้วยชื่อแบบอักษร
  • แทนที่ your_font_file.xxx? ด้วย URL จากเครื่องมือไฟล์ ทำซ้ำสำหรับแต่ละรูปแบบไฟล์ 
• ในรหัสของเนื้อหาอีเมลให้เพิ่มแบบอักษรที่กำหนดเองในการจัดแต่งแบบอินไลน์ 
• ที่ด้านบนขวาให้คลิกอัพเดทหรือเผยแพร่เพื่อแสดงการเปลี่ยนแปลงแบบเรียลไทม์ 

ใช้แบบอักษรที่กำหนดเองใน CTA

หลังจากเพิ่มแบบอักษรที่กำหนดเองลงในธีมแล้วคุณสามารถใช้กับ CTA ได้:

• ในบัญชี HubSpot ของคุณ ไปที่ การตลาด > CTA
• ที่ด้านบนซ้ายให้คลิกเมนูแบบเลื่อนลงแล้วเลือก CTA
• วางเมาส์เหนือ CTA แล้วคลิกการดำเนินการ > แก้ไข 
• ในแผงด้านซ้ายของเครื่องมือแก้ไข CTA ให้คลิกแท็บออกแบบ  
• คลิกส่วนสไตล์เพื่อขยาย
• คลิกเมนูแบบเลื่อนลงแบบอักษรหลักและเลือกแบบอักษรที่กำหนดเองของคุณ 
• สร้าง CTA ของคุณต่อ 

ใช้แบบอักษรที่กำหนดเองใน CTA (ดั้งเดิม)

เช่นเดียวกับ CTA หลังจากอัปโหลดไฟล์แบบฟอร์มที่กำหนดเองแล้วคุณสามารถใช้กับ CTA แบบเดิมได้:

• ในบัญชี HubSpot ของคุณ ไปที่ การตลาด > CTA
• วางเมาส์เหนือ CTA แล้วคลิกการดำเนินการ > แก้ไข 
• ที่แผงด้านขวาให้คลิกตัวเลือกขั้นสูง 
• ในกล่องข้อความให้วางรหัสนี้: 

font-family: 'Your Font Name';

• แทนที่ชื่อแบบอักษร ของคุณด้วยชื่อแบบอักษร 
• ที่ด้านล่างขวาให้คลิกถัดไปจากนั้นคลิก บันทึก 

ใช้แบบอักษรที่กำหนดเองในโมดูลที่กำหนดเอง

เมื่อเพิ่มแบบอักษรที่กำหนดเองลงในเครื่องมือไฟล์แล้วคุณสามารถใช้แบบอักษรนั้นในโมดูลบล็อกหรือเพจที่กำหนดเองได้ เรียนรู้วิธีเพิ่มแบบอักษรที่กำหนดเองลงในเทมเพลตอีเมลที่กำหนดเอง 

• ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > ตัวจัดการการออกแบบ
• ในตัวค้นหาให้เปิดโมดูลที่กำหนดเอง
• ในส่วน module.css ให้วางรหัสต่อไปนี้: 

@font-face { font-family: 'Your Font Name'; src: url('your_font_file.eot?') format('eot'), url('your_font_file.woff') format('woff'), url('your_font_file.ttf') format('truetype');}

• แทนที่ชื่อแบบอักษร ของคุณด้วยชื่อแบบอักษร
• แทนที่ your_font_file.xxx? ด้วย URL จากเครื่องมือไฟล์ ทำซ้ำสำหรับแต่ละรูปแบบไฟล์
• สร้างกฎ CSS ด้วยคุณสมบัติแบบอักษรสำหรับครอบครัวเพื่อใช้แบบอักษรที่กำหนดเอง 
• ที่มุมขวาบนให้คลิกเผยแพร่การเปลี่ยนแปลงเพื่อแสดงการเปลี่ยนแปลงแบบเรียลไทม์