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

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

อัปเดตล่าสุด: 1 กรกฎาคม 2026

สามารถใช้ได้กับการสมัครใช้บริการใดๆ ต่อไปนี้ ยกเว้นที่ระบุไว้:

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

ก่อนที่คุณจะเริ่มต้น

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

ต้องได้รับสิทธิ์​ ผู้ใช้อาจต้องการสิทธิ์เพิ่มเติมขึ้นอยู่กับตำแหน่งที่ใช้แบบอักษร:

ทำความเข้าใจข้อจำกัดและข้อพิจารณา

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

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

  
หน้า - เทมเพลตธีม ✓ มีให้บริการใน การตั้งค่าธีมและ ผ่านสไตล์ชีต ✓  
หน้า - เทมเพลตรหัส ✓ ใช้ได้ผ่านสไตล์ชีตหรือโมดูลที่กำหนดเอง พร้อมใช้งานผ่านสไตล์ชีต  
บล็อก ✓ ใช้ได้ผ่านสไตล์ชีตหรือโมดูลที่กำหนดเอง ✓  
อีเมล แบบอักษรเริ่มต้นบางแบบไม่พร้อมใช้งานในตัวแก้ไขอีเมลแบบลากและวาง ใช้ได้กับเทมเพลตอีเมลที่กำหนดเองเท่านั้นไม่รองรับในไคลเอนต์อีเมลส่วนใหญ่ ใช้ได้กับเทมเพลตอีเมลที่กำหนดเองเท่านั้นไม่รองรับในไคลเอนต์อีเมลส่วนใหญ่  
ฐานความรู้ ไม่สามารถปรับแต่งแบบอักษรในเครื่องมือแก้ไขบทความได้ มีอยู่ใน การตั้งค่าธีม  มีอยู่ใน การตั้งค่าธีม  
โมดูลที่กำหนดเอง ✓ ใช้ได้กับโมดูลที่กำหนดเองที่ไม่ได้ใช้ในอีเมล ใช้ได้กับโมดูลที่กำหนดเองที่ไม่ได้ใช้ในอีเมล  
CTA (ดั้งเดิม) ✓ ✓ ✓  
CTA ✓ ✓ ✓  

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

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

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

  2. คลิกที่ ชื่อ เนื้อหาของคุณ
  3. ในตัวแก้ไขเนื้อหาให้คลิกโมดูลข้อความแบบสมบูรณ์จากนั้นไฮไลต์ข้อความที่คุณต้องการแก้ไข 
  4. ในแถบเครื่องมือ Rich Text ให้คลิกเมนูแบบเลื่อนลงแบบอักษรและเลือก แบบอักษร แบบอักษรต่อไปนี้มีอยู่ในโมดูลข้อความสมบูรณ์:
แบบอักษรเริ่มต้น
แบบอักษรของแบรนด์ Merriweather
อันเดลโมโน โมนาโก
Arial สัญลักษณ์
จอง Antiqua ตาโฮมา
พาร์ทเนอร์จัดส่งใหม่ เทอร์มินอล
จอร์เจีย Times New Roman
เฮลเวติก้า Trebuchet MS
ผลกระทบ Verdana
ลาโต้  

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

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

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

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

  1. ไป ที่ fonts.google.com
  2. ในแถบค้นหาให้ป้อนชื่อแบบอักษร 
  3. คลิกที่ ชื่อแบบอักษร เพื่อดูรายการรูปแบบที่สามารถนำเข้าได้
  4. คลิกรับแบบอักษรที่ด้านบนขวา
  5. คลิกรับโค้ดฝังที่ด้านบนขวา
  6. ในคอลัมน์ด้านขวาให้เลือก @ import บน แท็บเว็บ
  7. คัดลอก รหัสนำเข้า @ โดยไม่ <style> มีแท็ก
  8. คัดลอก โค้ดคลาส CSS สำหรับการตั้งค่ากฎ CSS 

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

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

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

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

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

ต้องสมัครใช้งาน ต้องสมัครใช้บริการ Marketing Hub Professional หรือ Enterprise เพื่อ สร้างเทมเพลตอีเมลที่กำหนดเอง


วิธีเพิ่มแบบอักษร Google ลงในเทมเพลตอีเมลที่กำหนดเอง: 

  1. คัดลอกโค้ด @ import ของฟอนต์จาก Google Fonts
  2. ในบัญชี HubSpot ของคุณ ให้คลิก เพิ่มเติม จากนั้นไปที่ เนื้อหา > ตัวจัดการการออกแบบ หาก เพิ่มเติม ไม่ปรากฏในบัญชีของคุณ ให้ไปที่ เนื้อหา > ตัวจัดการการออกแบบ โดยตรง
  3. ในตัว ค้นหาให้เปิดเทมเพลตอีเมลที่กำหนดเอง
  4. ใน<head> ส่วนของเทมเพลตให้วางโค้ด @ import <style>....</style> ระหว่างแท็ก 
  5. ใน <body> ส่วนของเทมเพลตให้เพิ่มแบบอักษรที่กำหนดเองใน สไตล์อินไลน์ 
  6. ที่มุมขวาบนให้คลิก เผยแพร่การเปลี่ยนแปลงเพื่อแสดงการเปลี่ยนแปลงแบบเรียลไทม์ 

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

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

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

  1. ในบัญชี HubSpot ของคุณ ให้คลิก เพิ่มเติม จากนั้นไปที่ การตลาด > แบบฟอร์ม หาก เพิ่มเติม ไม่ปรากฏในบัญชีของคุณ ให้ไปที่ การตลาด > แบบฟอร์ม โดยตรง
  2. วางเมาส์เหนือชื่อแบบฟอร์มแล้วคลิกการดำเนินการ > แก้ไขแบบฟอร์มหรือ สร้างแบบฟอร์มใหม่
  3. ในตัวแก้ไขแบบฟอร์มให้คลิ & กแท็บตัวอย่างสไตล์ 
  4. ในเมนูแถบด้านข้างซ้ายให้คลิกส่วนสไตล์ 
  5. ในส่วนข้อความให้คลิกเมนูแบบเลื่อนลงตระกูลแบบอักษร และเลือกแบบอักษรของ Google 
  6. ที่ด้านบนขวาให้คลิกอัพเดทหรือเผยแพร่ เพื่อแสดงการเปลี่ยนแปลงแบบเรียลไทม์ 

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

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

  1. ในบัญชี HubSpot ของคุณ ให้คลิก เพิ่มเติม จากนั้นไปที่ เนื้อหา > ตัวจัดการการออกแบบ หาก เพิ่มเติม ไม่ปรากฏในบัญชีของคุณ ให้ไปที่ เนื้อหา > ตัวจัดการการออกแบบ โดยตรง
  2. ในตัว ค้นหาให้คลิก ชื่อ ของโมดูลที่กำหนดเอง ดูข้อมูลเพิ่มเติมเกี่ยวกับ การสร้างโมดูลที่กำหนดเอง
  3. ในตัว ตรวจสอบให้คลิกเมนูแบบเลื่อนลง เพิ่มฟิลด์ในส่วนฟิลด์และเลือก แบบอักษร ดูข้อมูลเพิ่มเติมเกี่ยว กับการทำงานกับฟิลด์แบบอักษร
  1. ที่มุมขวาบนให้คลิก เผยแพร่การเปลี่ยนแปลงเพื่อแสดงการเปลี่ยนแปลงแบบเรียลไทม์ 
  2. ไปที่เนื้อหาของคุณ:
  3. คลิก ชื่อ เนื้อหาโดยใช้โมดูลที่กำหนดเอง 
  4. ในตัวแก้ไขเนื้อหาให้คลิกโมดูลที่กำหนดเอง 
  5. ในตัวแก้ไขแถบด้านข้างให้คลิกเมนูดรอปดาวน์ฟิลด์แบบอักษรและเลือกแบบอักษรของ Google 

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

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

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

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

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

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

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

  2. คลิกที่ ชื่อ เนื้อหาของคุณ 
  3. ในเครื่องมือแก้ไขเนื้อหาให้คลิกเมนูแก้ไขแล้วเลือกธีม: [ชื่อธีม]
  4. ในเมนูแถบด้านข้างซ้ายให้คลิกเมนูดรอปดาว น์แบบอักษรใดก็ได้แล้วเลือกจัดการแบบอักษรของแบรนด์
  5. ทำตาม ขั้นตอนในบทความฐานความรู้นี้ เพื่อเพิ่มหรือแก้ไขแบบอักษรของคุณ

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

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

  1. ในบัญชี HubSpot ของคุณ ให้คลิก เพิ่มเติม จากนั้นไปที่ บริการ > ฐานความรู้ หาก เพิ่มเติม ไม่ปรากฏในบัญชีของคุณ ให้ไปที่ บริการ > ฐานความรู้ โดยตรง
  2. ที่ด้านบนขวาให้คลิกเทมเพลตปรับแต่ง
  3. ในแถบด้านข้างซ้ายให้คลิกแท็บ ออกแบบ
  4. ในแถบด้านข้างซ้ายให้คลิก สไตล์แบบอักษร
  5. คลิกเมนูแบบเลื่อนลง แบบอักษรแล้วเลือกจัดการแบบอักษรของแบรนด์
  6. ทำตาม ขั้นตอนในบทความฐานความรู้นี้ เพื่อเพิ่มหรือแก้ไขแบบอักษรของคุณ

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

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

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

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

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

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

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

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

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

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

@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 จากเครื่องมือไฟล์ ทำซ้ำสำหรับแต่ละรูปแบบไฟล์
  1. สร้างกฎ CSS ด้วยคุณสมบัติแบบ อักษร สำหรับครอบครัวเพื่อใช้แบบอักษรที่กำหนดเอง 
  2. ที่ด้านบนขวาให้คลิก อัพเดทหรือเผยแพร่ เพื่อแสดงการเปลี่ยนแปลงแบบเรียลไทม์ 

ใช้แบบอักษรที่กำหนดเองในอีเมลในตัวแก้ไขอีเมลแบบลากและวาง

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

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

  1. เพิ่มแบบอักษรที่กำหนดเองในชุดแบรนด์ของคุณจากนั้นเลือกแบบอักษรสำรองที่ใกล้เคียงกับแบบอักษรที่กำหนดเองของคุณมากที่สุด วิธีหลีกเลี่ยงปัญหาเกี่ยวกับแบบอักษรสำรอง:  
    • ใช้แบบอักษรสำรองที่มีความสูงและน้ำหนักใกล้เคียงกับแบบอักษรที่กำหนดเอง
    • ดูตัวอย่างอีเมลการตลาดในไคลเอนต์อีเมลต่าง ๆเพื่อดูว่าจะใช้แบบอักษรใด
    • ตรวจสอบให้แน่ใจว่าองค์ประกอบที่สำคัญทั้งหมดแสดงผลตามที่คาดไว้ด้วยแบบอักษรสำรอง
  2. ในบัญชี HubSpot ของคุณ ให้คลิก เพิ่มเติม จากนั้นไปที่ การตลาด > อีเมล หาก เพิ่มเติม ไม่ปรากฏในบัญชีของคุณ ให้ไปที่ การตลาด > อีเมล โดยตรง
  3. คลิกชื่ออีเมลการตลาดหรือคลิกสร้างอี เมลเพื่อสร้างอีเมลใหม่
  4. วิธีใช้แบบอักษรที่กำหนดเองเพื่อจัดสไตล์ประเภทข้อความเช่นย่อหน้าหรือหัวเรื่อง:
    • ในเครื่องมือแก้ไขอีเมลให้คลิกไอคอน การออกแบบเทมเพลตในแถบด้านซ้าย
    • หากต้องการตั้งค่าในส่วน สไตล์ข้อความให้คลิกเมนูแบบเลื่อนลงและเลือกแบบอักษรในส่วนแบบอักษรที่กำหนดเอง

  1. วิธีใช้แบบอักษรที่กำหนดเองในโมดูลข้อความสมบูรณ์: 
    • ในเครื่องมือแก้ไขอีเมลให้ไฮไลต์ข้อความในโมดูลข้อความสมบูรณ์
    • ในเครื่องมือแก้ไขข้อความแบบสมบูรณ์ให้คลิกเมนูแบบเลื่อนลงแบบอักษรเลื่อนเมาส์ไปที่แบบอักษรที่กำหนดเองแล้วคลิกแบบอักษรที่กำหนดเองแล้วเลือกน้ำหนักแบบอักษร

  1. เขียนเนื้อหาของอีเมลจากนั้น ดูตัวอย่างอีเมลในไคลเอนต์หลายรายการ
  2. เสร็จสิ้นและส่งอีเมล

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

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

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

  1. ในบัญชี HubSpot ของคุณ ให้คลิก เพิ่มเติม จากนั้นไปที่ เนื้อหา > ตัวจัดการการออกแบบ หาก เพิ่มเติม ไม่ปรากฏในบัญชีของคุณ ให้ไปที่ เนื้อหา > ตัวจัดการการออกแบบ โดยตรง
  2. ในตัว ค้นหาให้คลิก ชื่อ เทมเพลตอีเมลที่กำหนดเองของคุณ
  3. สำหรับแต่ละสไตล์แบบอักษร:
    • ใน <head> ส่วนของเทมเพลตให้วางโค้ดนี้ระหว่าง <style>....</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 จากเครื่องมือไฟล์ ทำซ้ำสำหรับแต่ละรูปแบบไฟล์ 
  1. ในรหัสของเนื้อหาอีเมลให้เพิ่มแบบอักษรที่กำหนดเองในการ จัดแต่งแบบอินไลน์ 
  2. ที่ด้านบนขวาให้คลิก อัพเดทหรือเผยแพร่ เพื่อแสดงการเปลี่ยนแปลงแบบเรียลไทม์ 

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

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

  1. ในบัญชี HubSpot ของคุณ ให้คลิก เพิ่มเติม จากนั้นไปที่ การตลาด > CTA หาก เพิ่มเติม ไม่ปรากฏในบัญชีของคุณ ให้ไปที่ การตลาด > CTA โดยตรง
  2. ที่ด้านบนซ้ายให้คลิกเม นูแบบเลื่อนลงแล้วเลือก CTA
  3. วางเมาส์เหนือ CTA แล้วคลิก การดำเนินการ> แก้ไข 
  4. ในแผงด้านซ้ายของเครื่องมือแก้ไข CTA ให้คลิกแท็บ ออกแบบ 
  5. คลิกส่วน สไตล์เพื่อขยาย
  6. คลิก เมนูแบบเลื่อนลงแบบอักษรหลักและเลือก แบบอักษรที่กำหนดเองของคุณ 
  7. สร้าง CTA ของคุณต่อ 

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

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

  1. ในบัญชี HubSpot ของคุณ ให้คลิก เพิ่มเติม จากนั้นไปที่ การตลาด > CTA หาก เพิ่มเติม ไม่ปรากฏในบัญชีของคุณ ให้ไปที่ การตลาด > CTA โดยตรง
  2. วางเมาส์เหนือ CTA แล้วคลิก การดำเนินการ> แก้ไข 
  3. ที่แผงด้านขวาให้คลิกตัวเลือกขั้นสูง 
  4. ในกล่องข้อความให้วางรหัสนี้:

    font-family: 'Your Font Name';
  5. แทนที่ ชื่อแบบอักษร ของคุณด้วยชื่อแบบอักษร
  6. ที่ด้านล่างขวาให้คลิกถัดไป จากนั้นคลิก บันทึก

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

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

  1. ในบัญชี HubSpot ของคุณ ให้คลิก เพิ่มเติม จากนั้นไปที่ เนื้อหา > ตัวจัดการการออกแบบ หาก เพิ่มเติม ไม่ปรากฏในบัญชีของคุณ ให้ไปที่ เนื้อหา > ตัวจัดการการออกแบบ โดยตรง
  2. ในตัว ค้นหาให้คลิก ชื่อ ของโมดูลที่กำหนดเอง
  3. ในตัวแก้ไขโมดูลสำหรับส่วน 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 จากเครื่องมือไฟล์ ทำซ้ำสำหรับแต่ละรูปแบบไฟล์
  2. สร้างกฎ CSS ด้วยคุณสมบัติแบบ อักษร สำหรับครอบครัวเพื่อใช้แบบอักษรที่กำหนดเอง 
  3. ที่มุมขวาบนให้คลิก เผยแพร่การเปลี่ยนแปลงเพื่อแสดงการเปลี่ยนแปลงแบบเรียลไทม์ 
บทความนี้มีประโยชน์หรือไม่
แบบฟอร์มนี้ใช้สำหรับคำติชมเอกสารเท่านั้น เรียนรู้วิธีขอความช่วยเหลือจาก HubSpot

เนื้อหาที่เกี่ยวข้อง

สารบัญ /th/website-and-landing-pages/use-fonts-in-hubspot เมนู

เนื้อหาที่เกี่ยวข้อง

New call-to-action