แปลงฟอนต์ใดก็ได้เป็นเส้นทาง SVG

เครื่องมือออนไลน์ฟรีสำหรับแปลง Google Fonts และฟอนต์กำหนดเองเป็นเส้นทาง SVG ที่สะอาด เหมาะสำหรับการออกแบบเว็บ โลโก้ การตัดเลเซอร์ และกราฟิกเวกเตอร์

เริ่มแปลง — ฟรี

ได้รับความไว้วางใจจากนักออกแบบและนักพัฒนาทั่วโลก

SVG Preview

Loading font...

Code Output

Recommended Logo Fonts

Recommended Text Fonts

ทุกสิ่งที่คุณต้องการสำหรับการแปลง Font เป็น SVG

ชุดเครื่องมือครบวงจรสำหรับแปลงข้อความเป็นเส้นทางเวกเตอร์อย่างแม่นยำและง่ายดาย

Google Fonts กว่า 1,500 แบบ

เข้าถึงคลัง Google Fonts ทั้งหมด ค้นหา ดูตัวอย่าง และแปลงฟอนต์ใดก็ได้เป็นเส้นทาง SVG ทันที โดยไม่ต้องดาวน์โหลด

รูปแบบส่งออกหลากหลาย

ส่งออกข้อความที่แปลงแล้วเป็น SVG, DXF สำหรับการตัดเลเซอร์, PNG สำหรับกราฟิกราสเตอร์ หรือแม้แต่คอมโพเนนต์ React และ Vue

อัปโหลดฟอนต์กำหนดเอง

อัปโหลดไฟล์ฟอนต์ .ttf, .otf หรือ .woff2 ของคุณเองแล้วแปลงเป็นเส้นทาง SVG เหมาะสำหรับฟอนต์แบรนด์และตัวอักษรกำหนดเอง

ตัวอย่างแบบเรียลไทม์

ดูผลลัพธ์ SVG อัปเดตทันทีขณะพิมพ์และปรับการตั้งค่า ปรับแต่งสีเติม เส้นขอบ ระยะห่างตัวอักษร และความแม่นยำเส้นโค้ง Bezier แบบเรียลไทม์

แอนิเมชัน SVG

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

ผลลัพธ์โค้ด

รับโค้ดพร้อมใช้งานในรูปแบบ SVG, React JSX, Vue SFC หรือ CSS clip-path คัดลอกและวางลงในโปรเจกต์ได้โดยตรง

วิธีการทำงาน

แปลงข้อความเป็น SVG ใน 3 ขั้นตอนง่ายๆ

1

เลือกฟอนต์

เลือกจาก Google Fonts กว่า 1,500 แบบ หรืออัปโหลดไฟล์ฟอนต์กำหนดเองของคุณ

2

ป้อนข้อความ

พิมพ์ข้อความและปรับแต่งสไตล์ ทั้งสีเติม เส้นขอบ ขนาด และอื่นๆ

3

ส่งออกและใช้งาน

ดาวน์โหลดเป็น SVG, DXF หรือ PNG หรือคัดลอกโค้ดเป็น React, Vue หรือ CSS clip-path

สร้างมาเพื่อทุกกรณีการใช้งาน

ตั้งแต่การพัฒนาเว็บไปจนถึงการผลิตจริง Font to SVG ขับเคลื่อนเวิร์กโฟลว์สร้างสรรค์ของคุณ

การออกแบบและพัฒนาเว็บ

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

การออกแบบโลโก้และแบรนด์

แปลงฟอนต์แบรนด์เป็นเส้นทางเวกเตอร์สำหรับโลโก้ที่ใช้งานได้ทุกขนาด ตั้งแต่ favicon ไปจนถึงป้ายบิลบอร์ด

การตัดเลเซอร์และ CNC

ส่งออกไฟล์ DXF ที่พร้อมสำหรับเครื่องตัดเลเซอร์ เราเตอร์ CNC และเครื่องตัดไวนิล เส้นทางเวกเตอร์ที่แม่นยำสำหรับการผลิตจริง

แอป React และ Vue

สร้างคอมโพเนนต์พร้อมใช้งานสำหรับเฟรมเวิร์ก วางข้อความ SVG ลงในแอป React หรือ Vue ของคุณด้วยไวยากรณ์ JSX/SFC ที่ถูกต้อง

ทำไมต้องเลือก Font to SVG?

ดูว่าเราเปรียบเทียบกับเครื่องมือแปลงข้อความเป็น SVG อื่นๆ อย่างไร

Font to SVG texttosvg.app google-font-to-svg-path
คลัง Google Fonts ทั้งหมด ✓ — ✓
อัปโหลดฟอนต์กำหนดเอง ✓ ✓ —
ส่งออก SVG ✓ ✓ ✓
ส่งออก DXF ✓ — —
ส่งออก PNG ✓ — —
ผลลัพธ์โค้ด React/Vue ✓ — —
แอนิเมชัน SVG ✓ — —
CSS clip-path ✓ — —
ตัวอย่างแบบเรียลไทม์ ✓ ✓ ✓
ใช้งานฟรี ✓ ✓ ✓

คำถามที่พบบ่อย

Font to SVG คืออะไร?
Font to SVG เป็นเครื่องมือออนไลน์ฟรีที่แปลงข้อความเป็นเส้นทาง SVG (Scalable Vector Graphics) โดยใช้ Google Font หรือไฟล์ฟอนต์กำหนดเองใดก็ได้ แทนที่จะเรนเดอร์ข้อความด้วยไฟล์ฟอนต์ มันจะสร้างเส้นขอบเส้นทางเวกเตอร์จริงที่สามารถจัดสไตล์ ใส่แอนิเมชัน และฝังได้ทุกที่
ทำไมต้องแปลงข้อความเป็นเส้นทาง SVG?
เส้นทาง SVG ไม่ขึ้นกับความละเอียด ใช้งานได้โดยไม่ต้องติดตั้งไฟล์ฟอนต์ สามารถจัดสไตล์ด้วย CSS ใส่แอนิเมชันด้วย JavaScript และเหมาะสำหรับโลโก้ ไอคอน และข้อความตกแต่ง นอกจากนี้ยังเหมาะอย่างยิ่งสำหรับการตัดเลเซอร์และการผลิตด้วย CNC
Font to SVG ฟรีจริงหรือ?
ใช่! ฟีเจอร์หลักฟรีทั้งหมด รวมถึง Google Fonts กว่า 1,500 แบบ การส่งออก SVG การตกแต่งพื้นฐาน และแอนิเมชัน 1 ประเภท ฟีเจอร์ Premium เช่น การอัปโหลดฟอนต์กำหนดเอง การส่งออก DXF/PNG และแอนิเมชันขั้นสูง สามารถใช้ได้ด้วยการอัปเกรด
รองรับรูปแบบฟอนต์อะไรบ้าง?
Font to SVG รองรับ Google Fonts ทั้งหมดโดยอัตโนมัติ สำหรับการอัปโหลดกำหนดเอง (Premium) เรารองรับไฟล์ฟอนต์ TrueType (.ttf), OpenType (.otf) และ WOFF2 (.woff2)
สามารถใช้ผลลัพธ์ SVG ในเชิงพาณิชย์ได้หรือไม่?
ได้ เส้นทาง SVG ที่สร้างขึ้นเป็นเพียงการแสดงเวกเตอร์ของข้อความ สัญญาอนุญาตขึ้นอยู่กับตัวฟอนต์เอง Google Fonts ส่วนใหญ่ใช้สัญญาอนุญาตโอเพ่นซอร์ส (Apache 2.0 หรือ SIL Open Font License) ที่อนุญาตให้ใช้งานเชิงพาณิชย์
มีรูปแบบส่งออกอะไรบ้าง?
ผู้ใช้ฟรีสามารถส่งออกไฟล์ SVG และคัดลอกโค้ด SVG ผู้ใช้ Premium ยังสามารถส่งออก DXF (สำหรับเครื่องตัดเลเซอร์) PNG (ภาพราสเตอร์) และส่งออกโค้ดเป็นคอมโพเนนต์ React, คอมโพเนนต์ Vue หรือ CSS clip-path
ฟีเจอร์แอนิเมชันทำงานอย่างไร?
Font to SVG สามารถเพิ่มแอนิเมชันที่ใช้ CSS ลงในผลลัพธ์ SVG โดยตรง เลือกจากเอฟเฟกต์ลายเซ็น (เขียนด้วยลายมือ) วาดเรียบง่าย ค่อยๆ ปรากฏ และเต้นเป็นจังหวะ พร้อมปรับความเร็วได้ SVG ที่มีแอนิเมชันสามารถฝังลงในหน้าเว็บใดก็ได้โดยตรง
ใช้งานกับอักษรที่ไม่ใช่ภาษาละตินได้หรือไม่?
ได้ ตราบใดที่ฟอนต์ที่เลือกรองรับตัวอักษรเหล่านั้น Google Fonts หลายตัวรองรับอักษรซีริลลิก กรีก เวียดนาม และอักษรอื่นๆ สำหรับอักษร CJK (จีน ญี่ปุ่น เกาหลี) ให้เลือกฟอนต์ที่รวมชุดตัวอักษรเหล่านั้น

พร้อมแปลงฟอนต์เป็น SVG หรือยัง?

เริ่มแปลงข้อความเป็นเส้นทาง SVG ฟรี ไม่ต้องสมัครสมาชิก

ลองเลย — ฟรี