Bagaimanakah Saya Boleh Membenamkan Ikon Hebat Fon dalam Imej SVG?

Termasuk Ikon Hebat Fon dalam Imej SVG

Soalan:

Bagaimana saya boleh memasukkan Ikon Font Hebat ke dalam imej SVG saya? Menggantikan elemen dengan elemen tidak menghasilkan sebarang hasil.

Jawapan:

Kod yang disediakan tidak akan berfungsi kerana

Periksa lembaran gaya CSS Font Awesome untuk menentukan aksara Unicode khusus untuk ikon yang dikehendaki. Contohnya:

.icon-group:before                { content: "\f0c0"; }
.icon-cloud:before                { content: "\f0c2"; }

Untuk memasukkan ikon ke dalam SVG anda, gantikan kod asal anda dengan yang berikut:

<g><text x='"12"' y='"15"'>&#xf0c2;</text></g>

Dalam lembaran gaya anda, tambahkan yang berikut:

svg text {
   font-family: FontAwesome;
}

Jika anda menggunakan versi percuma Font Awesome 5 , gunakan keluarga fon berikut pengisytiharan:

svg text {
   font-family: 'Font Awesome 5 Free';
}

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