Bagaimanakah Saya Membenamkan Ikon Hebat Fon dengan Betul dalam Imej SVG?

Termasuk Ikon Font Hebat dalam Imej SVG

Apabila cuba menggantikan imej luaran dengan ikon Font Hebat dalam SVG, kod sering gagal memaparkan ikon.

Isunya terletak pada penggunaan <i> (italic), yang bukan elemen SVG yang sah. Untuk memaparkan ikon Font Awesome dalam SVG, seseorang mesti memasukkan aksara Unicode sebenar yang mewakili ikon.

Untuk menentukan aksara Unicode bagi ikon tertentu, periksa lembaran gaya Font Awesome. Contohnya, ikon awan-ikon menggunakan aksara f0c2 dalam CSS.

Walau bagaimanapun, dalam SVG, aksara Unicode mesti diubah untuk mematuhi sintaks SVG. Sebagai contoh, aksara f0c2 akan diterjemahkan kepada  dalam SVG.

Untuk menggunakan ikon Font Hebat dalam SVG, ikut langkah berikut:

1. Ganti <i> dan dengan dan , masing-masing.
2. Dalam elemen, sertakan aksara Unicode untuk ikon yang dikehendaki, didahului oleh aksara &# (cth.,  untuk ikon awan).
3. Dalam lembaran gaya SVG, tetapkan sifat keluarga fon bagi elemen teks kepada FontAwesome. Untuk versi percuma Font Awesome 5 , gunakan 'Font Awesome 5 Free'.

Dengan pelarasan ini, ikon Font Awesome boleh dengan mudah dimasukkan ke dalam imej SVG.

Atas ialah kandungan terperinci Bagaimanakah Saya Membenamkan Ikon Hebat Fon dengan Betul dalam Imej SVG?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!