Gaya karakter teks di situs Anda dikenal sebagai font. Panduan ini berisi cara memilih font untuk situs Anda.
Fitur ini tersedia di situs dengan paket WordPress.com Premium, Bisnis, dan Commerce kami, serta paket Pro lawas. Untuk situs yang menggunakan paket Gratis dan Personal, upgrade paket Anda untuk mengakses fitur ini.
Tonton video yang menunjukkan cara memperbarui font pada tema blok. Petunjuk untuk semua jenis tema terdapat di bagian berikutnya dalam panduan ini.
Video ini dalam bahasa Inggris.
YouTube memiliki fitur terjemahan otomatis sehingga Anda dapat menontonnya dalam bahasa Anda:
Untuk menampilkan subtitel terjemahan otomatis:
- Putar video.
- Klik ⚙️ Pengaturan (di kanan bawah video).
- Pilih Subtitel/CC.
- Pilih Terjemahkan otomatis.
- Pilih bahasa yang Anda inginkan.
Untuk mendengarkan sulih suara otomatis (eksperimental):
- Klik ⚙️ Pengaturan.
- Pilih Trek audio.
- Pilih bahasa yang ingin Anda dengarkan:
ℹ️ Terjemahan dan sulih suara dibuat secara otomatis oleh Google, mungkin tidak sepenuhnya akurat, dan fitur sulih suara otomatis masih dalam tahap uji coba sehingga belum tersedia untuk semua bahasa.
Anda dapat mengubah font situs dengan mengikuti langkah-langkah berikut.
Untuk mencari tahu bagian dari panduan ini yang perlu Anda perhatikan, buka dasbor lalu klik Tampilan di sebelah kiri. Jika Anda melihat Editor di sini, gunakan bagian Editor Situs dalam panduan ini. Anda juga bisa menggunakan instruksi Editor Halaman atau Customizer.
Pilih tab yang sesuai untuk editor Anda:
Jika situs Anda menggunakan tema yang mendukung editor situs, font dapat diubah menggunakan pilihan Gaya. Untuk mengubah font situs, ikuti langkah-langkah berikut:
- Buka dasbor situs.
- Buka Tampilan → Editor.
- Klik Gaya di sebelah kiri.
- Pilih opsi Tipografi.
- Pilih salah satu elemen teks berikut di situs Anda:
- Teks
- Tautan (termasuk item menu)
- Judul
- Keterangan
- Tombol
- Klik menu tarik turun pada Font dan pilih font yang Anda inginkan. Teks akan berubah menjadi font yang dipilih agar Anda dapat melihat tampilannya.
- Anda dapat menyesuaikan pengaturan lain terkait teks, seperti ukuran, tampilan (cetak tebal dan miring), tinggi baris, jarak antarhuruf, serta huruf besar dan huruf kecil.
- Klik “Tinjau perubahan” atau Simpan untuk menerapkan perubahan.
Pada paket dengan level lebih tinggi, Anda dapat mengunggah berkas font Anda sendiri.
Anda dapat menyesuaikan font untuk blok tertentu (tema dan blok yang didukung) menggunakan pengaturan tipografi blok. Atau, terapkan font default untuk blok tertentu. Anda juga dapat menggunakan blok Judul atau Sorotan agar teks terlihat unik.
Selain font yang tersedia di WordPress.com, Anda dapat menambahkan font khusus ke situs. Panduan ini akan menunjukkan cara menginstal font dari Google Fonts atau mengunggah berkas font Anda sendiri.
Fitur ini tersedia di 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.
Menginstal font dari Google Fonts
Pada panduan ini, Anda akan belajar cara menginstal font dari Google Fonts untuk digunakan di situs WordPress.com Anda.
Mengelola font terinstal
Panduan ini akan menunjukkan cara menonaktifkan, menghapus, atau mengaktifkan kembali font di pustaka Anda.
Mengunggah file font
Panduan ini berisi cara mengunggah file font untuk memperbanyak pilihan tipografi Anda.
Flash of Unstyled Text (FOUT) terjadi saat font yang berbeda muncul secara singkat sebelum font pilihan Anda muncul. Jika koneksi lambat, teks akan ditampilkan dalam font default 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:.wf-loading body { visibility: hidden; }
atau html:not(.wf-active) body{ display: none; }
Dukungan 