3 Cara Menggunakan Font Kustom di WordPress

3 Cara Menggunakan Font Kustom di WordPress

Bosan menggunakan font lama yang sama yang digunakan oleh ribuan situs web lain? Nah, Anda beruntung. Dalam posting ini, kami akan menunjukkan cara menyesuaikan situs WordPress Anda untuk menginstal font kustom yang lebih indah dalam beberapa langkah sederhana.

Tipografi memainkan peran penting dalam desain situs web. Memiliki font yang halus dan menarik dapat membuat perbedaan besar dalam meningkatkan pengalaman pengguna situs web Anda. Terutama jika situs web Anda menyertakan blog, menggunakan font yang tepat dapat sangat meningkatkan keterbacaan, mengurangi rasio pentalan, dan meningkatkan konversi.

Sayangnya, ketika harus memilih font yang tepat, sebagian besar tema WordPress tidak menawarkan banyak pilihan. Tapi, Anda tidak harus membiarkan hal itu menahan Anda. Ada beberapa cara sederhana untuk menambahkan font kustom di WordPress. Teruskan membaca untuk mencari tahu apa itu.

Mengapa Anda Harus Menggunakan Font Kustom?

Jika Anda menggunakan tema WordPress premium yang dirancang secara profesional di situs web Anda, mengubah font default bukanlah tugas yang sulit. Anda dapat melakukannya dari halaman kustomisasi tema dengan beberapa klik mudah.

Namun, tidak semua tema mendukung fungsi ini. Banyak tema premium hanya menawarkan pilihan font terbatas untuk Anda pilih. Ini sering kali berarti Anda terjebak dengan font yang sama yang digunakan setiap situs web lain.

Jika Anda ingin menggunakan font yang membantu merek dan bisnis Anda menonjol dari keramaian dan menawarkan pengalaman pengguna yang luar biasa kepada pengunjung Anda, Anda harus beralih ke font yang lebih baik. Memasang font khusus adalah satu-satunya cara untuk mencapai itu.

Inilah sebabnya mengapa sebagian besar merek membuatnya memiliki font unik untuk menciptakan produk yang lebih berkesan dan pengalaman bermerek bagi pengguna.

Tentu saja, Anda tidak perlu membuat font sendiri untuk situs web atau blog Anda. Ada banyak tempat di mana Anda dapat menemukan font orisinal dan dibuat secara profesional. Dan kebanyakan dari mereka gratis untuk digunakan.

Bagaimana & Di Mana Menemukan Font Kustom?

Memasang font khusus di situs WordPress Anda tidak semudah menginstal font di komputer Anda. Ini membutuhkan sedikit usaha. Tapi pertama-tama, Anda perlu menemukan font yang bagus dengan desain yang bagus dan font yang juga legal untuk digunakan.

Hanya karena font tersedia untuk diunduh, tidak berarti itu gratis untuk digunakan. Anda perlu menemukan font yang memungkinkan Anda untuk digunakan dalam proyek pribadi atau komersial. Berikut adalah beberapa situs di mana Anda dapat menemukan font yang bagus secara gratis atau dengan beberapa dolar.

Bagaimana Anda akan menemukan font yang ideal untuk situs web dan audiens Anda?

Itu mudah. Anda dapat melakukannya menggunakan alat online seperti Pasangan Font, yang membantu Anda menemukan pasangan font terbaik untuk judul dan teks isi Anda dengan membandingkan Google Fonts.

Atau Anda bisa menggunakan Pengenal Font Squirrel Font untuk menemukan fonta yang terlihat mirip dengan font yang pernah Anda lihat online atau di majalah cetak. Yang harus Anda lakukan adalah mengunggah gambar font dan alat akan menemukan font untuk Anda.

Anda juga bisa menggunakan WhatFont ekstensi browser untuk menemukan nama font yang digunakan oleh situs web mana pun di Internet.

Dengan menggunakan alat ini, Anda dapat mengidentifikasi font yang digunakan oleh para profesional dan situs web yang sukses untuk mencarinya di pasar font.

Cara Menambahkan Font Kustom di WordPress

Sekarang setelah Anda menemukan font yang lebih baik dan lebih indah untuk situs web Anda, mari cari tahu cara memasang font ini di situs WordPress Anda. Ada tiga metode berbeda yang dapat Anda ikuti.

catatan: Beberapa langkah ini melibatkan pengeditan file inti situs web Anda. Sebelum Anda membuat perubahan apa pun, pastikan untuk membuat cadangan file situs web dan tema Anda.

1. Gunakan Plugin A

Jika Anda tidak memiliki pengalaman desain web atau ingin menghindari mengedit file tema situs web sendiri, maka menggunakan plugin untuk mengubah font adalah cara terbaik untuk menginstal font khusus di situs WordPress Anda.

Google Fonts Mudah

Easy Google Fonts adalah plugin gratis yang dapat Anda instal di situs WordPress Anda untuk mengubah font situs web dengan mudah. Plugin ini memungkinkan Anda untuk memilih dari ratusan font khusus yang tersedia di Google Fonts dan dengan mudah menyesuaikan pengaturan agar sesuai dengan preferensi Anda.

Font Typekit untuk WordPress

Jika Anda penggemar font Adobe Typekit, maka Anda dapat menggunakan plugin ini untuk dengan mudah mengganti font default situs Anda ke font kustom dari Typekit. Adobe Typekit menawarkan paket gratis dengan akses terbatas ke koleksi fontnya.

2. Edit Tema Header.php

Jika Anda ingin menginstal font dari situs lain atau tidak suka menginstal plugin, Anda dapat mengedit file tema WordPress Anda secara manual untuk menambahkan font dengan mengedit file Header.php. Metode ini juga akan memastikan waktu pemuatan situs web Anda lebih cepat.

Langkah 1: Buka situs web tempat font di-host.

Pilih font yang ingin Anda gunakan dan salin kode sematnya.

Langkah 2: Sekarang, buka WordPress Anda Dasbor> Tampilan> Editor. Kemudian buka Header.php file tema Anda.

Langkah 3: Tempel kode embed yang Anda salin untuk font di file header.php tepat setelah tag dan sebelum penutupan menandai. Kemudian Menyimpan perubahan.

Langkah 4: Temukan dan buka Style.css file tema WordPress Anda. Itu terletak di bagian yang sama di mana Anda menemukan Header.php.

Langkah 5: Temukan kode CSS yang menentukan keluarga font default situs web Anda dan ganti nama fontnya dengan nama font khusus Anda. Menyimpan perubahan.

Lakukan hal yang sama untuk elemen lain yang ditentukan font, seperti untuk header, teks isi, dan menu.

3. Impor Melalui CSS

Anda dapat menggunakan fungsi impor CSS untuk menggunakan font khusus yang telah Anda unduh dari pasar pihak ketiga atau situs web seperti Pasar Kreatif atau GraphicRiver. Begini cara kerjanya.

Langkah 1: Setelah mengunduh font khusus Anda, unggah ke server situs web Anda menggunakan klien FTP atau Pengunggah File di CPanel.

Langkah 2: Di klien FTP, klik kanan pada file font yang diunggah, buka Nama File, lalu klik Buat URL File untuk menyalin alamat ke file font Anda.

Ini akan menyalin URL root dari file font Anda. Ganti alamat root dengan URL situs web Anda. (Misalnya: domain.com/wp-uploads/others/font.ttf">http://www.yourdomain.com/wp-uploads/others/font.ttf)

Langkah 3: Sekarang, pergi ke Penampilan> Editor> dan buka tema Anda Style.css file dan salin-tempel kode berikut.

@font-face {
font-family: Aclonica;
src: url(http://www.yourwebsite.com/wp-content/fonts/custom-font.ttf);
font-weight: normal;
}

Ubah nama font dan URL src dengan satu untuk file font di server Anda.

Langkah 4: Ubah keluarga font default dengan font kustom Anda.

Ubah nama font untuk elemen lain yang juga didefinisikan font. Kemudian Menyimpan perubahan.

Apa berikutnya?

Itu dia! Situs web Anda sekarang akan menggunakan font khusus yang indah.

Selain itu, jika Anda menggunakan plugin caching, pastikan untuk mengosongkan / menghapus cache agar perubahan diterapkan.

Apakah Anda tahu cara lain untuk menginstal font kustom? Beri tahu kami di komentar.

.

Scroll to Top