Chuyển chữ thành vector và lưu thành SVG
Ở đây bạn có thể chuyển chữ thành vector bằng font do bạn chọn: thêm tệp font TTF, OTF hoặc WOFF và nhận về tệp SVG chỉ gồm các đường dẫn vector. Chữ giữ đúng hình dạng của font, nên hiển thị giống nhau trên mọi trình duyệt hay phần mềm thiết kế mà không cần cài font. Cách làm này, thường gọi là convert text to outlines, hợp với chữ trong logo, tên, bảng hiệu và tệp cắt cho máy cắt decal, laser. Font và chữ của bạn được xử lý ngay trên trình duyệt và không bao giờ được tải lên.
Cách chuyển chữ thành vector
- Dùng nút Chọn tệp font hoặc kéo thả vào đây rồi chọn một tệp TTF, OTF hoặc WOFF dung lượng tối đa 10 MB.
- Nhập hoặc dán chữ của bạn vào ô Chữ. Ô này nhận tối đa 1.000 ký tự và nhiều dòng, còn Xem trước đường viền cập nhật ngay khi bạn gõ.
- Kiểm tra phần xem trước. Nó nằm trên nền ô vuông để thấy được nền trong suốt; nền ô vuông không nằm trong tệp.
- Nhấn Tải SVG. Tệp được đặt tên theo tệp font của bạn, kèm đuôi .svg.
Muốn thử font khác, nhấn Đổi font cạnh tên font. Chữ của bạn vẫn được giữ nguyên và được vẽ lại bằng font mới. Dòng bên dưới phần xem trước, ví dụ 20 đường dẫn và 9,3 kB, cho biết SVG có bao nhiêu đường dẫn và nặng bao nhiêu.
Convert text to outline online: tệp SVG chứa gì
SVG tải về chỉ có các phần tử <path>. Không bao giờ có phần tử <text> hay <tspan>, nên không có gì phụ thuộc vào việc font có sẵn ở nơi bạn mở tệp hay không.
- Mặc định mỗi chữ cái là một đường dẫn, giúp bạn dễ chọn, di chuyển hoặc đổi màu từng chữ trong Illustrator, Inkscape hoặc Figma.
- Hình khép kín: mọi đường viền đều khép kín, nên máy cắt và hiệu ứng nét thấy hình đầy đủ.
- viewBox sát khít, bắt đầu từ 0 0 và cắt vừa khít hình, không có lề thừa.
- Tô màu đen và các số được làm tròn đến hai chữ số thập phân, giúp tệp nhỏ gọn.
Kerning và ký tự ghép (ligature) có sẵn trong font đều được áp dụng, nên các cặp như "AV" hay "fi" được giãn cách và nối đúng như font dự định.
Text to outline online với font viết tay: gộp chữ chồng nhau
Font chữ viết tay và thư pháp nối các chữ bằng cách để nét chồng lên nhau. Khi là các đường dẫn riêng, phần chồng đó vẫn còn, và máy cắt decal hay laser sẽ cắt xuyên qua chỗ nối.
Mở Định dạng và đánh dấu Gộp các chữ chồng lên nhau: các hình chồng nhau được nối thành một đường viền, và toàn bộ chữ được lưu thành một đường dẫn ghép duy nhất. Với một từ trong font viết tay, dòng trạng thái khi đó hiện 1 đường dẫn. Cricut Design Space, Silhouette Studio và phần mềm laser đọc được loại SVG này; hãy kiểm tra hình trong phần mềm của bạn trước khi cắt.
Khoảng cách chữ và chiều cao dòng
Cả hai cài đặt nằm trong phần Định dạng, và phần xem trước thay đổi khi bạn kéo.
- Khoảng cách chữ chạy từ -100 đến 100 phần nghìn em và bắt đầu ở 0. Giá trị âm kéo các chữ lại gần, giá trị dương đẩy ra xa.
- Chiều cao dòng chạy từ 0,80 đến 2,50 em và bắt đầu ở 1,20. Cài đặt này chỉ có tác dụng khi chữ của bạn có nhiều hơn một dòng.
Những giới hạn cần biết
- Không hỗ trợ WOFF2 và bộ sưu tập font. Nếu bạn chỉ có tệp WOFF2, hãy dùng phiên bản TTF, OTF hoặc WOFF của font đó. Bộ sưu tập TTC cần được tách thành các tệp font đơn trước.
- Ký tự không có trong font sẽ bị bỏ qua. Một ghi chú dưới phần xem trước liệt kê từng ký tự mà font không có.
- Font màu và font emoji chỉ cho đường viền cơ bản, màu đen, không có các lớp màu.
- Chữ viết từ phải sang trái và các hệ chữ phức tạp chỉ theo những gì chính font cung cấp, nên hãy so phần xem trước với bố cục của bạn.
- Giấy phép của font vẫn áp dụng cho các đường viền, xem các câu hỏi bên dưới.
Công cụ này biến chữ thành đường viền; nó không chỉnh sửa font hay đổi hình dạng của một chữ cái. Với từng chữ riêng lẻ, hãy mở SVG trong trình chỉnh sửa vector.
Các công cụ chữ và vector khác
Để biến một trang PDF đã quét thành hình vector, hãy dùng Vector hóa PDF. Để xem một tệp PDF, SVG hay CSS đang dùng những font nào trước khi chọn font ở đây, hãy mở Tìm phông chữ và màu trong tệp. Còn với chữ kiểu cách có thể sao chép và dán mà không cần tệp font, có Tạo Chữ Kiểu Phông Đẹp.
Câu hỏi thường gặp khi chuyển chữ thành vector
Có thể convert text to outline online mà không cần cài gì không?
Có. Chọn tệp font, nhập chữ rồi nhấn "Tải SVG". SVG nhận được chỉ chứa đường dẫn vector, nên giữ nguyên hình dạng chữ mà không cần cài font. Việc chuyển đổi chạy trên trình duyệt của bạn, tệp font và chữ không bị tải lên.
Làm sao để chuyển chữ thành đường dẫn SVG?
Tải một font TTF, OTF hoặc WOFF, nhập chữ rồi nhấn "Tải SVG". Mỗi chữ cái được lưu thành một phần tử path khép kín, không có phần tử text hay tspan, nên hiển thị giống nhau trên trình duyệt, trong Inkscape, Illustrator hay Figma. Bật "Gộp các chữ chồng lên nhau" trong "Định dạng" nếu bạn muốn chỉ một đường dẫn ghép.
Có thể chuyển một tệp font sang SVG không?
Bạn có thể biến chữ gõ bằng font đó thành đường viền SVG, đây cũng là điều hầu hết mọi người cần khi muốn chuyển font sang dạng vector. Kết quả là hình, như một cái tên hay từ trong logo, chứ không phải font SVG để cài đặt. Cả bảng chữ cái chỉ được chuyển nếu bạn nhập đầy đủ vào ô "Chữ".
Có dùng SVG trong Illustrator, Inkscape hoặc Figma được không?
Được. Tệp là SVG thuần với các đường dẫn tô đen và viewBox cắt sát hình, nên mở được trong mọi trình chỉnh sửa vector và trên trình duyệt. Khi không gộp, mỗi chữ cái là một đường dẫn riêng, giúp bạn chọn, đổi màu hoặc di chuyển từng chữ.
Tại sao một số ký tự bị thiếu trong đường viền của tôi?
Font chỉ vẽ những ký tự mà nó có. Nếu chữ của bạn có ký tự mà font không có, ký tự đó bị bỏ qua chứ không vẽ thành ô trống, và một ghi chú dưới phần xem trước sẽ liệt kê nó, ví dụ "1 ký tự không có trong font này nên đã bị bỏ qua". Hãy chọn font có đủ các ký tự đó, hoặc xóa chúng khỏi chữ.
Làm sao gộp các chữ chồng nhau trong font viết tay?
Mở "Định dạng" và đánh dấu "Gộp các chữ chồng lên nhau". Font viết tay và thư pháp nối chữ bằng các nét chồng nhau, trên máy cắt sẽ hiện thành các đường thừa. Việc gộp nối các phần chồng thành một đường viền và lưu toàn bộ chữ thành một đường dẫn ghép duy nhất. Với chữ dài, có thể mất một lúc.
Chữ đã chuyển thành vector từ font bất kỳ có dùng cho mục đích thương mại được không?
Điều đó phụ thuộc vào giấy phép của font chứ không phải công cụ. Đường viền chính là thiết kế của font, nên hãy kiểm tra giấy phép cho phép gì trước khi dùng SVG cho sản phẩm bạn bán.
Cách này có giống việc trace ảnh thành SVG không?
Không. Trace ảnh là đoán hình từ các điểm ảnh. Ở đây các đường cong chính xác lấy thẳng từ tệp font, nên cạnh sạch như chính font. Với ảnh như logo hay chữ ký, bạn cần một công cụ vector hóa ảnh.
