Advan – Salah satu fitur penting dalam desain halaman adalah font yang digunakan, terutama di bagian header. Font yang tepat dapat meningkatkan estetika dan keterbacaan situs web. Mengubah font di header Elementor adalah proses yang sederhana dan bisa membuat perbedaan besar dalam tampilan situs.
Font yang digunakan di header mempengaruhi kesan pertama yang didapatkan pengunjung saat membuka situs. Font yang menarik dan mudah dibaca bisa membuat pengunjung betah berlama-lama di halaman. Sebaliknya, font yang sulit dibaca atau tidak sesuai dengan tema situs dapat membuat pengunjung meninggalkan halaman dengan cepat.
Artikel ini akan membahas cara mengubah font di header menggunakan Elementor. Dengan langkah-langkah sederhana, kamu bisa membuat header yang lebih menarik dan profesional.
Langkah-langkah Mengubah Font di Header Elementor
Untuk mengubah font di header Elementor, ikuti langkah-langkah berikut ini.
1. Masuk ke Editor Elementor
Langkah pertama adalah masuk ke editor Elementor untuk halaman yang ingin diubah.
- Buka dashboard WordPress.
- Pilih halaman yang ingin diubah dan klik “Edit with Elementor.”
- Setelah masuk ke editor Elementor, cari bagian header yang ingin diubah.
2. Pilih Widget Header
Setelah berada di editor Elementor, langkah selanjutnya adalah memilih widget header.
- Klik pada widget header yang ingin diubah. Biasanya, ini adalah widget “Heading.”
- Pastikan widget header terpilih dengan benar, lalu lihat panel pengaturan di sebelah kiri.
3. Ubah Font di Tab Style
Sekarang, saatnya mengubah font di header melalui tab Style.
- Di panel pengaturan, klik tab “Style.”
- Cari bagian “Typography” dan klik untuk membuka pengaturan font.
- Di sini, kamu bisa mengubah berbagai aspek font, seperti jenis font, ukuran, berat, transformasi teks, gaya, dan tinggi baris.
Opsi Lanjutan untuk Mengubah Font
Selain langkah-langkah dasar, ada beberapa opsi lanjutan yang bisa digunakan untuk mengubah font di header Elementor.
1. Menggunakan Google Fonts
Elementor mendukung Google Fonts, yang memberikan banyak pilihan font gratis yang bisa digunakan.
- Di bagian “Typography,” klik dropdown “Family.”
- Cari dan pilih font dari Google Fonts yang ingin digunakan.
- Atur pengaturan lainnya sesuai keinginan, seperti ukuran dan berat font.
2. Mengimpor Font Kustom
Jika ingin menggunakan font kustom, Elementor Pro memungkinkan impor font kustom.
- Di dashboard WordPress, buka Elementor > Custom Fonts.
- Klik “Add New” dan beri nama font kustom.
- Unggah file font (format .woff, .woff2, .ttf, .svg, atau .eot) dan simpan.
- Setelah font diimpor, kembali ke editor Elementor dan pilih font kustom di bagian “Typography.”
3. Menyimpan Pengaturan Font sebagai Global
Untuk konsistensi desain, kamu bisa menyimpan pengaturan font sebagai gaya global.
- Setelah mengatur font di tab “Style,” klik ikon folder kecil di sebelah kanan atas panel pengaturan.
- Pilih “Save as Global” dan beri nama gaya global.
- Gaya global ini bisa diterapkan ke elemen lain di seluruh situs dengan mudah.
Baca juga Cara Mengubah Font di Footer Elementor
Tips untuk Memilih Font yang Tepat
Memilih font yang tepat sangat penting untuk tampilan profesional situs web. Berikut beberapa tips untuk memilih font yang tepat:
1. Sesuaikan dengan Tema Situs
Pastikan font yang dipilih sesuai dengan tema dan tujuan situs. Misalnya, situs bisnis mungkin memerlukan font yang lebih formal, sementara blog pribadi bisa menggunakan font yang lebih santai.
2. Perhatikan Keterbacaan
Font yang dipilih harus mudah dibaca. Hindari font dengan dekorasi berlebihan yang bisa mengganggu keterbacaan teks.
3. Gunakan Kontras yang Baik
Pastikan ada kontras yang cukup antara font dan latar belakang untuk meningkatkan keterbacaan. Font berwarna gelap di atas latar belakang terang biasanya lebih mudah dibaca.
Mengubah font di header Elementor adalah cara yang efektif untuk meningkatkan tampilan situs web. Dengan mengikuti langkah-langkah di atas, kamu bisa membuat header yang lebih menarik dan profesional. Untuk meningkatkan efisiensi kerja saat mendesain, pertimbangkan untuk menggunakan produk Advan seperti Advan Wifi Revealink.
Advan Wifi Revealink menawarkan koneksi Wi-Fi yang cepat dan andal, ideal untuk memastikan pengalaman desain web yang lancar dan tanpa hambatan.***
Editor : Adita Febriyanti