SVG / Chữ nghệ thuật
Văn bản thành SVG: Đường viền và đường dẫn phông chữ
Chuyển văn bản thành đường dẫn SVG bằng phông chữ Latin tích hợp sẵn hoặc tệp TTF, OTF hay WOFF trên thiết bị. Điều chỉnh kích thước, khoảng cách chữ, chiều cao dòng, căn chỉnh và màu sắc, rồi tải xuống SVG hoặc PNG.
Văn bản thành SVG: Đường viền và đường dẫn phông chữ: Nhập văn bản, chọn một trong các phông chữ tích hợp sẵn hoặc tải phông chữ TTF, OTF hay WOFF của bạn lên. Các chữ cái sẽ được chuyển thành đường viền SVG, vì vậy kết quả hiển thị giống nhau trên mọi thiết bị mà không cần cài phông chữ đó. Điều chỉnh kích thước, khoảng cách chữ, chiều cao dòng, căn chỉnh, màu tô và nét viền, rồi sao chép SVG hoặc tải xuống SVG hay PNG. Chạy 100% cục bộ trong trình duyệt của bạn, không có tệp nào được tải lên máy chủ.
- Danh mục
- Công cụ lập trình viên
- Lượt chạy
- Trong trình duyệt của bạn
- Chi phí
- Miễn phí · không cần đăng ký
- Trạng thái khả dụng
- Sẵn sàng sử dụng
Chạy hoàn toàn trong trình duyệt của bạn
Đang tải phông chữ…
Phông chữ này có các chữ ghép hoặc dạng chữ nối không được áp dụng ở đây, vì vậy một số chữ có thể trông khác so với trong các ứng dụng khác.
Các phông chữ Latin tích hợp sử dụng SIL Open Font Licence. Phông chữ được tải lên vẫn nằm trên thiết bị của bạn; bạn chịu trách nhiệm về giấy phép của chúng. Kerning được bật. Việc định dạng chữ viết phức tạp phụ thuộc vào phông chữ và trình phân tích. Tệp PNG xuất ra bị giới hạn ở 4096 pixel trên cạnh dài nhất.
Chỉnh sửa hình SVGĐường dẫn SVG
Đặc tả đường dẫn SVG 2 định nghĩa các lệnh đường dẫn và các đường con khép kín. https://www.w3.org/TR/SVG2/paths.html
Trình phân tích phông chữ
Phông chữ được đọc trong trình duyệt của bạn bằng opentype.js 2.0.0, một thư viện mã nguồn mở được cấp phép theo MIT. Tệp WOFF2 không được hỗ trợ; trước tiên hãy chuyển đổi chúng sang WOFF, TTF hoặc OTF. Một số tính năng phông chữ nâng cao, chẳng hạn như các biến thể theo ngữ cảnh và một số bảng kerning, không được áp dụng, vì vậy khoảng cách có thể hơi khác so với trình xử lý văn bản. https://github.com/opentypejs/opentype.js
Nguồn phông chữ đi kèm
Các tài nguyên WOFF Latin chưa chỉnh sửa đến từ các gói Fontsource: https://fontsource.org/fonts/inter ; https://fontsource.org/fonts/oswald ; https://fontsource.org/fonts/pacifico ; https://fontsource.org/fonts/lobster . Thông báo bản quyền của từng phông chữ và toàn văn Giấy phép Phông chữ Mở SIL được công bố cùng với các tệp phông chữ.
Cách sử dụng
- Nhập văn bản và chọn phông chữ tích hợp sẵn, hoặc thả tệp phông chữ của bạn vào đây.
- Thiết lập kích thước, khoảng cách, căn chỉnh, màu tô và nét viền, rồi kiểm tra các đường viền.
- Sao chép hoặc tải xuống các đường dẫn SVG, hoặc xuất PNG.
Quyền riêng tư và giới hạn
Văn bản và phông chữ đã tải lên vẫn ở trong trình duyệt của bạn. Các tệp WOFF tích hợp sẵn được tải từ trang web này; không sử dụng dịch vụ phông chữ bên ngoài.
Công cụ liên quan
Câu hỏi thường gặp
Những phông chữ nào được tích hợp sẵn?
Inter và Oswald với kiểu thường và đậm, cùng Pacifico và Lobster với kiểu thường. Các tập con Latin này được phân phối lại không sửa đổi theo SIL OFL 1,1. Giấy phép của từng phông chữ nằm trong /fonts/text-to-svg/. Bạn chịu trách nhiệm về giấy phép của phông chữ đã tải lên.
Vì sao một số chữ có thể khác với ứng dụng thiết kế của tôi?
Trình phân tích chỉ hỗ trợ một số bảng tạo hình và định vị. Các phép thay thế theo ngữ cảnh không được hỗ trợ sẽ dùng glyph ký tự trực tiếp; một thông báo sẽ nêu rõ giới hạn này. Một số phông chữ, bao gồm Inter, có các bảng định vị mà những cặp kerning có thể không khả dụng. Các hệ chữ phức tạp và phông chữ màu có thể cho kết quả khác.
SVG có phải là văn bản có thể chỉnh sửa không?
Không. SVG chứa các đường viền và không cần phông chữ gốc để hiển thị. Các dòng trống ảnh hưởng đến khoảng cách đường cơ sở, còn viewBox sẽ cắt theo phần nét mực hiển thị. Đầu ra PNG bị giới hạn ở 4096 pixel trên cạnh dài nhất.
Công cụ miễn phí · trong trình duyệt của bạn lượt chạy · không cần tài khoản