Chuyển văn bản sang SVG

Bạn nhận lại được gì

Mỗi glyph một đường, kèm quy tắc tô, phần tô và nét bạn đã đặt, cùng tùy chọn gán cho mỗi glyph một id riêng để bạn nhắm tới từng chữ bằng CSS hoặc JavaScript. Hoặc hàn các đường bao lại khi bạn muốn một đường duy nhất cho cả từ — dạng mà máy cắt hay hệ thống biểu tượng thường thích hơn.

Dàn chữ đúng cách, không chỉ là tra glyph

Văn bản được dàn bằng HarfBuzz, chính động cơ mà các trình duyệt dùng, nên cặp kern và chữ ghép có hiệu lực, còn các hệ chữ phức tạp hoạt động đúng: chữ Ả Rập nối nhau, cụm chữ Ấn sắp xếp lại. Trục phông biến thiên và tính năng OpenType cũng được phơi ra, nên có thể chỉnh độ đậm hay bộ ký tự phong cách trước khi chuyển thành đường.

Dùng phông chữ của riêng bạn

Thư viện có hơn 1.900 họ phông nguồn mở, và bạn có thể thả vào TTF hoặc OTF của riêng mình để thay thế. Phông tải lên được đọc ngay trong thẻ trình duyệt và không bao giờ được gửi đi đâu, điều đó cũng có nghĩa một phông thương mại có bản quyền vẫn nằm trên máy bạn.

Câu hỏi

Sao không cứ để văn bản ở dạng <text>?

Vì nó sẽ không hiển thị giống nhau hai lần. Phông thiếu sẽ bị thay lặng lẽ, còn webfont thì thêm một yêu cầu mạng và một khoảnh khắc chữ chưa định dạng nhấp nháy. Đường là hình học cố định — đáng làm mỗi khi tệp là logo, biểu tượng, hoặc dành cho máy móc.

Văn bản còn tìm kiếm được hay tiếp cận được không?

Sau khi chuyển thành đường thì không. Hãy giữ nội dung chữ trong aria-label hoặc phần tử title trong mã của bạn, và giữ một bản gốc sửa được cho những thay đổi sau này.

Tôi dùng được phông có bản quyền của mình không?

Được — hãy tải lên TTF hoặc OTF. Nó được phân tích ngay trong trình duyệt, nên tệp không bao giờ rời khỏi máy bạn. Hãy kiểm tra giấy phép có cho phép chuyển thành đường cho mục đích của bạn hay không.