Seringkali kita menggunakan banyak sekali font dan icon yang terdapat di Elementor. Salah satunya adalah menggunakan icon font Awesome. Sehingga terbaca sebagai satu file yang harus di load ketika membuka setiap halaman.
Namun dengan mengaktifkan fitur ini, Anda dapat mengkonversi font tersebut menjadi icon ekstensi SVG.
SVG adalah gambar berbasis vektor yang dirender menggunakan mesin browser. Keuntungan menggunakan ikon SVG sebaris adalah ikon tersebut tidak meningkatkan permintaan server, yang dapat berdampak buruk pada kinerja situs Anda.
Aktifkan Eksperimen Ini
Untuk mengaktifkan fitur ini melalui Elementor >> Setting >> features.
Kelebihan dan Perbedaan.
- Render – Font Awesome yang dipergunakan akan dibaca sebagai SVG bukan sebagai elemen semu CSS di Font Ikon
- Aksesibilitas Otomatis – SVG mendukung fitur ini secara default, bukan hanya dalam kit atau tema.
- Fitur Lanjutan – SVG mendukung fitur seperti Power Transforms, Masking, dan Layering sedangkan Icon Fonts tidak
- Skalabilitas – Font icon mungkin menggunakan teknik anti-aliasing yang diterapkan oleh browser sehingga kurang tajam. SVG diperlakukan sebagai gambar oleh browser, jadi tidak ada aturan anti-aliasing yang diterapkan.
Tips dan Catatan.
Fitur ini hanya berfungsi mengubah font Awesome, tidak berlaku untuk jenis font lainnya. Dan pastikan Anda mengaktifkan unfiltered upload files.