[SOLUSI] Cara Mengatasi Google Fonts Tidak Terload di Elementor Setelah Update

Apakah kamu mengalami masalah Google Fonts tidak muncul di editor atau tampilan halaman Elementor? Tenang, kamu tidak sendirian. Sejak update Elementor versi 3.28.3 hingga versi terbaru per 19 Mei 2025, banyak pengguna yang melaporkan masalah ini.

Masalah ini cukup membingungkan, terutama bagi kamu yang menggunakan desain font khusus untuk undangan digital. Untungnya, setelah diidentifikasi, ada beberapa pengaturan di Elementor yang perlu kamu sesuaikan agar Google Fonts kembali normal.

📌 Gejala Umum: Font Tidak Terload Sempurna

Di beberapa kasus, tampilan font di editor Elementor kembali ke default (biasanya font sistem seperti Arial atau Times New Roman), padahal sudah diatur menggunakan Google Fonts seperti Poppins, Playfair Display, atau lainnya.

Gambar 1: Perbandingan Google Fonts yang Terload vs Tidak Terload

Font yang tidak terload tampak seperti font biasa tanpa style khas dari Google Fonts.

✅ Solusi: Atur Ulang Pengaturan Elementor

Berikut adalah langkah-langkah yang bisa kamu lakukan untuk memperbaiki masalah Google Fonts ini:

1. Aktifkan Google Fonts dan Atur Load ke “Swap”

Masuk ke menu Elementor > Settings > Advanced lalu pastikan pengaturan ini aktif:

• ✅ Google Fonts: Enabled

• 🔁 Google Fonts Load: Pilih Swap

Gambar 2: Setelan Advanced Elementor

Setelan ini membantu memastikan font dimuat dengan metode yang tidak menghalangi tampilan awal halaman.

2. Nonaktifkan Fitur “Load Google Fonts Locally”

Fitur ini awalnya dibuat untuk optimasi kecepatan dan privasi, tapi sayangnya malah jadi penyebab utama Google Fonts tidak tampil di editor maupun frontend.

Masuk ke Elementor > Settings > Features, lalu ubah:

• 🔁 Load Google Fonts Locally: dari Active menjadi Default

Gambar 3 & 4: Setelan Fitur “Load Google Fonts Locally”

Dengan mengatur kembali ke “Default“, Elementor akan kembali memuat Google Fonts langsung dari server resmi Google. ⚠️ Jika setelah diubah ke default ternyata masih ada masalah dibagian fontsnya, maka coba ubah menjadi inactive.

⚠️ Catatan Tambahan: Hindari Plugin Cache

Pastikan kamu tidak sedang mengaktifkan plugin cache seperti:

• ❌ LiteSpeed Cache

• ❌ WP Rocket

• ❌ Autoptimize (jika tidak dikonfigurasi dengan benar)

Terutama pada website dinamis seperti website undangan digital, plugin cache tidak disarankan karena bisa menyebabkan tampilan yang tidak real-time atau masalah pada pemanggilan font.

🎯 Kesimpulan

Masalah Google Fonts yang tidak terload di Elementor bukan bug permanen, tapi lebih ke arah pengaturan internal yang berubah akibat update. Dengan menyesuaikan beberapa pengaturan seperti yang dijelaskan di atas, kamu bisa mengembalikan tampilan font sesuai desain.

🔄 Tindakan Cepat

💬 Ada pertanyaan?

Jika kamu masih mengalami masalah, kamu bisa langsung berdiskusi di grup support Telegram resmi WeddingPress di sini: t.me/weddingpressnet

Semoga panduan ini bermanfaat!