Kembali ke Dukungan Desain Situs Anda Mengubah Font Situs Anda

Mengubah Font Situs Anda

Gaya karakter teks di situs Anda dikenal sebagai font. Panduan ini berisi cara memilih font untuk situs Anda.

Font dan Kelayakan Paket

Situs dengan paket Premium, Bisnis, dan Commerce dapat memilih font dari beragam pilihan, tetapi tidak dapat mengunggah font khusus.

Untuk mengunggah font khusus dan menginstal font dari Google Fonts, upgrade ke paket Bisnis atau Commerce.

Mengubah Font Anda

Anda dapat mengubah font situs dengan mengikuti langkah-langkah berikut.

Untuk mencari tahu bagian dari panduan ini yang perlu Anda perhatikan, buka dasbor lalu periksa Tampilan di sebelah kiri. Jika Anda melihat Editor di sini, gunakan bagian Editor Situs dalam panduan ini. Jika tidak, gunakan instruksi Editor Halaman atau Customizer .

Jika situs Anda menggunakan tema yang mendukung editor situs, font dapat diubah menggunakan pilihan Gaya. Untuk mengubah font situs, ikuti langkah-langkah berikut:

  1. Kunjungi dasbor WordPress.com.
  2. Buka Tampilan → Editor.
  3. Klik Gaya di sebelah kiri, atau pilih ikon Gaya yang tampak seperti lingkaran hitam-putih.
  4. Pilih “Tipografi“.
  5. Pilih di antara elemen teks berikut di situs Anda:
    • Teks
    • Tautan
    • Judul
    • Keterangan
    • Tombol
  6. Klik menu tarik turun pada “Font” dan pilih font yang Anda inginkan. Teks akan berubah menjadi font yang dipilih agar Anda dapat melihat tampilannya.
  7. Klik tombol “Simpan“.

Langkah-langkah ini ditunjukkan dalam video berikut:

Tanda panah yang mengarah ke tombol Gaya di Editor Situs. Ikonnya adalah lingkaran hitam-putih.
Ikon Gaya
Mengganti font pada Editor Situs

Baca Panduan gaya untuk informasi terperinci tentang segala hal yang dapat dilakukan untuk menyesuaikan tampilan teks di situs Anda.

Menerapkan Font untuk Bagian Teks Tertentu

Saat memilih font, pilihan yang ditampilkan adalah untuk mengatur font di situs secara global, bukan untuk halaman atau bagian teks tertentu. Menurut praktik terbaik dalam desain, situs tampak menarik dengan font yang konsisten di seluruh bagian. Terlalu banyak jenis font dalam satu situs akan membuat tampilan situs sulit dikelola.

Agar teks tertentu tampak lebih menarik, Anda bisa menggunakan cara lain, seperti membedakan warnanya, menggunakan Judul, blok Kutipan, atau menyisipkan gambar.

Mengunggah Font Kustom

Bagian panduan ini berlaku untuk situs dengan paket WordPress.com Bisnis dan Commerce, serta paket Pro lawas. Jika Anda menggunakan paket Bisnis, pastikan untuk mengaktifkannya. Untuk situs yang menggunakan paket Gratis, Personal, dan Premium, upgrade paket Anda untuk mengakses fitur ini.

Anda akan menemukan beragam pilihan font untuk situs Anda. Jika menginginkan lebih banyak pilihan font, Anda dapat menginstal atau mengunggah font khusus langsung melalui Editor Situs.

Panduan kami akan menunjukkan cara menginstal, mengunggah, dan mengelola font khusus.

Flash of Unstyled Text

Flash of Unstyled Text (FOUT) terjadi saat font yang berbeda muncul secara singkat sebelum font pilihan Anda muncul. Jika koneksi lambat, teks akan ditampilkan dengan font asal tema terlebih dahulu. Cara ini memungkinkan pengunjung untuk membaca konten Anda sebelum font pilihan termuat daripada harus menunggu dan melihat halaman kosong. Artinya, font lain akan ditampilkan sesaat sebelum halaman selesai dimuat agar pembaca tidak melihat layar kosong saat koneksi lambat.

Jika Anda tidak ingin hal ini terjadi, tambahkan kode CSS berikut ke situs Anda dengan paket yang memenuhi syarat, menggunakan Editor CSS yang bisa diakses di menu Tampilan → Sesuaikan → CSS Tambahan:

.wf-loading body { visibility: hidden; }

atau

html:not(.wf-active) body { display: none; }

Google Fonts dan GDPR

Semua permintaan akses ke font dari Google Fonts yang digunakan di tema-tema WordPress.com diproses oleh server milik WordPress.com dan bukan lagi oleh CDN/FDN milik Google. Perubahan ini berlaku sejak Desember 2022.

Jika situs Anda menggunakan plugin kustom atau tema pihak ketiga, konsultasikan dengan pengembang plugin dan/atau tema guna memastikan bahwa CDN/FDN milik Google tidak digunakan untuk menampilkan font dari Google Fonts. Baca selengkapnya tentang GDPR di sini.

Copied to clipboard!