Anda dapat menanamkan Google Web Fonts ke SVG Anda secara langsung menggunakan Nano . Secara otomatis memindai SVG Anda dan secara selektif menanamkan hanya font yang diperlukan, memastikan bahwa font Ubuntu Anda terlihat sama pada semua browser modern. Dalam kasus saya, saya perlu Roboto untuk tertanam dalam SVG saya:
Penafian: Saya dengan tim di belakang Nano, dan kami juga, telah menghadapi masalah yang sama sebelumnya sehingga memutuskan untuk menggaruk gatal kita sendiri dengan membangun Nano. Semoga ini bisa membantu!
Sunting: Berikut penjelasan singkat tentang apa yang terjadi di balik layar:
Untuk menanamkan font di SVG, Anda harus terlebih dahulu tahu keluarga font apa yang digunakan. Maka Anda perlu menemukan file font ini dan mengunduhnya. Setelah diunduh, Anda harus mengonversi pengkodean reguler, tebal, miring, dan miring tebal menjadi basis 64. Jika Anda melakukannya secara manual, ini merupakan pekerjaan yang sangat besar, lebih dari sejumlah besar file, untuk mengetahui file mana yang menggunakan huruf tebal dan mana yang tidak. Maka Anda harus menyalin semua 4 basis 64 string yang dikodekan ke SVG Anda.
Itu sebabnya kami membuat Nano dan memastikannya memindai SVG secara otomatis dan hanya memasukkan font yang digunakan. Misalnya, jika huruf tebal tidak digunakan atau jika tidak ada teks, maka font tidak akan disematkan. Yang perlu Anda lakukan adalah drag dan drop SVG Anda ke Nano dan itu bekerja seperti pesona! Anda dapat mempelajari lebih lanjut di sini: https://vecta.io/blog/making-svg-easier-to-use