Cara Menambahkan 800 Font Google Di Tema WordPress Secara Manual

Diterbitkan: 2022-10-16

Dengan asumsi Anda ingin pengenalan tentang cara menambahkan 800 Google Font di Tema WordPress Secara Manual: Menambahkan 800 Google Font di Tema WordPress Secara manual dapat dilakukan dengan terlebih dahulu mengunduh perpustakaan Google Font. Kedua, membuka ritsleting file dan mengunggah font ke server web Anda. Terakhir, tambahkan kode CSS ke lembar gaya Tema WordPress Anda.

Menambahkan font Google secara manual ke organik organik Anda adalah cara yang bagus untuk memastikan bahwa konten organik Anda diatur dengan benar. Dibutuhkan 10 menit untuk membuat tema. Menggunakan font Google akan menghindarkan Anda dari beberapa tugas berantakan yang ditinggalkan font lain. Jika Anda tidak memiliki latar belakang desain, pertimbangkan untuk menggunakan font Typekit atau @. Bahkan jika Anda tidak memerlukan lisensi, Anda harus menginstal dan menghosting font web untuk server Anda. Anda dapat menggunakan Google Font kapan pun Anda mau dengan memilih tombol Penggunaan Cepat, yang dapat ditemukan di bagian bawah gambar. Kode harus ditambahkan sebelum penutupan.

Setelah kode ditambahkan, tambahkan file baru ke direktori tema untuk menunjukkan font mana yang harus digunakan. Perubahan baru akan memperbarui stylesheet Anda dan membuat Google Font baru untuk semua teks isi Anda. Jika font baru Anda tidak ditampilkan, Anda harus mengetahui nama font, yang harus dieja dengan benar dengan koma setelahnya dan dibungkus dengan tanda kutip tunggal. Instal plugin Easy Google Font untuk memasukkan seluruh direktori Google Font ke WordPress.

Bagaimana Saya Menambahkan Font Google Kustom ke WordPress?

Kredit: Crunchify

Menambahkan font Google kustom ke WordPress adalah proses yang relatif sederhana. Pertama, Anda perlu menemukan font Google khusus yang ingin Anda gunakan di situs WordPress Anda. Ada sejumlah situs yang menawarkan font kustom gratis , seperti https://www.fontsquirrel.com/. Setelah Anda menemukan font yang Anda sukai, Anda perlu mengunduhnya ke komputer Anda. Selanjutnya, Anda perlu mengunggah file font ke situs WordPress Anda. Anda dapat melakukan ini dengan membuka halaman Appearance > Editor di area admin WordPress Anda. Pada halaman ini, Anda perlu mencari file Stylesheet (style.css) di sidebar kanan dan klik untuk memilihnya. Setelah file Stylesheet (style.css) terbuka, Anda perlu menggulir ke bawah ke bagian bawah file dan menambahkan kode berikut: @font-face { font-family: 'Custom Font Name'; src: url('custom-font-url') format('truetype'); } Pastikan untuk mengganti 'Custom Font Name' dengan nama sebenarnya dari font yang Anda gunakan, dan 'custom-font-url' dengan URL file font yang Anda upload ke situs WordPress Anda. Setelah Anda menambahkan kode, Anda perlu menyimpan perubahan dan mengunggah file Stylesheet (style.css) yang diperbarui ke server Anda. Sekarang Anda dapat menggunakan font kustom Anda di salah satu aturan CSS situs WordPress Anda dengan menentukan properti 'font-family' sebagai 'Nama Font Kustom'.

Anda dapat menggunakan font Google di situs WordPress Anda karena berbagai alasan. Semua file ini gratis untuk digunakan (untuk proyek komersial), pra-host (sehingga tidak membebani sumber daya server Anda), dan dapat diunduh dalam bentuk cetak. WordPress memiliki banyak pilihan situs web yang saat ini menggunakan font Google. Dalam kebanyakan kasus, Anda dapat mempermudah penyematan font dengan menggunakan font Google. Setiap proyek web yang menyertakan perpustakaan online ini dapat disebut sebagai perpustakaan dengan cara yang sama seperti skrip JS atau CSS lainnya. Dalam tutorial ini, saya akan menunjukkan cara mengatur Google Font di situs WordPress Anda sendiri. WordPress memungkinkan Anda untuk menyesuaikan font-nya.

Anda akan mendapatkan demonstrasi bagaimana melakukannya dalam contoh berikut menggunakan fungsi WordPress_enqueue_style(). Anda dapat mulai menggunakan font yang baru saja Anda tambahkan dengan menggunakan opsi tipografi di tema Anda. Berikut ini adalah metode alternatif (lebih murah) untuk memasukkan font Google ke situs web WordPress Anda. Anda dapat memodifikasi skrip, keluarga font, berat font, dekorasi, dan properti transformasi teks dengan membuka tab Gaya. Saat Anda memilih font, Anda akan dapat melihat pratinjau langsung bagaimana postingan dan halaman Anda akan terlihat. Roboto adalah salah satu font yang paling banyak digunakan di Internet saat ini. Montserrat berutang keberadaannya pada tipografi abad kedua puluh.

Google Font untuk situs web WordPress hanyalah beberapa dari banyak opsi yang tersedia. Memilih keluarga font yang sesuai untuk situs web Anda dapat bermanfaat dan merugikan pembaca Anda. Menggunakan font Google di WordPress dapat membantu Anda dengan cepat mengubah tampilan dan nuansa situs web Anda. Plugin Google Fonts adalah cara paling sederhana untuk digunakan karena mudah dipasang dan diaktifkan. Dalam kebanyakan kasus, kontras harus ringan dan tidak berlebihan bagi pembaca, dan harus mudah dibaca pada sebagian besar ukuran dan jenis layar. WordPress menyertakan font yang dapat diimpor melalui plugin atau diatur secara manual. WordPress, secara default, menyertakan tampilan font default untuk browser Anda, yang dapat diganti dengan font kustom baru . Uji beberapa kelompok font untuk menemukan yang paling cocok untuk tipografi situs web Anda.

Bagaimana Saya Menambahkan Font Kustom ke Tema WordPress?

Kredit: athemes.com

Ada beberapa cara berbeda untuk menambahkan font khusus ke tema WordPress Anda. Salah satu caranya adalah dengan menggunakan perpustakaan Google Fonts. Anda dapat menelusuri perpustakaan dan memilih font yang ingin Anda gunakan di situs web Anda. Setelah Anda memilih font, Anda dapat menambahkan kode ke tema WordPress Anda.
Cara lain untuk menambahkan font khusus ke tema WordPress Anda adalah dengan menggunakan plugin. Ada beberapa plugin berbeda yang dapat Anda gunakan untuk menambahkan font khusus ke situs web Anda. Setelah Anda menginstal plugin, Anda dapat menelusuri font dan memilih yang ingin Anda gunakan.
Terakhir, Anda juga dapat menambahkan font khusus ke tema WordPress Anda dengan menambahkan kode secara manual ke tema Anda. Jika Anda nyaman dengan kode, Anda dapat menambahkan font yang ingin Anda gunakan dengan menambahkan kode ke file functions.php Anda.

Plugin font Easy Google dapat digunakan untuk menambahkan font kustom ke situs WordPress Anda. Anda akan dapat menggunakan berbagai font di situs web Anda jika Anda memilih opsi ini. Sejumlah manfaat telah ditemukan dengan menggunakan tipografi yang tepat. Situs web yang sederhana memudahkan pelanggan untuk berinteraksi dengan Anda. Selanjutnya, Anda dapat menggunakan properti CSS untuk menyesuaikan gaya dan posisi font Anda. Selanjutnya, halaman pengaturan plugin WordPress memungkinkan Anda untuk mengubah kontrol font Anda sendiri. Jika Anda tidak ingin menggunakan font Adobe, Anda dapat menggunakan ini sebagai alternatif.

Dengan plugin Custom Adobe Fonts, Anda dapat dengan mudah memasukkan font-font ini ke situs WordPress Anda. Setelah Anda menginstal plugin, buka perpustakaan font Adobe yang ekstensif untuk menemukan font yang cocok untuk Anda (Anda harus mendaftar untuk menggunakannya). Ketika Anda telah memutuskan font, klik font tersebut dan kemudian lihat ke kanan atas halaman untuk melihat “Tambahkan ke proyek web.” Dengan menggunakan fitur pratinjau Pasangan Font, Anda dapat dengan cepat dan mudah melihat bagaimana kombinasi font yang berbeda terlihat bersama-sama. Di beberapa situs web luar biasa, Anda dapat membeli font khusus yang dibuat oleh desainer. Pustaka font besar dan format sederhana untuk font ini, misalnya, disertakan dengan pustaka Font Squirrel. Kit font web @ Font-Face sekarang tersedia untuk diunduh.

Anda dapat menggunakan perangkat lunak ini di situs WordPress Anda. Anda akan memerlukan font dan lembar gaya CSS untuk membuat lembar gaya CSS Anda sendiri setelah membeli kit. CSS berikut diperlukan untuk font web OpenSans-ExtraBold. Anda harus menyimpan semua file font Anda di direktori pilihan Anda untuk hasil terbaik.