Google Fonts menjadi sumber daya masuk untuk tipografi web khusus sejak pengembangannya pada tahun 2010. Ada tiga alasan utama mengapa Google menjadi yang terdepan di sini. Pertama, tidak ada layanan font yang cukup baik, sehingga Google mengisi kekosongan. Kedua, bahkan pada awalnya, variasi yang mereka tawarkan relatif besar. Saat ini, ada lebih dari 800 font yang tersedia dalam berbagai gaya. Ketiga, font ini tersedia secara gratis, membuatnya sangat menarik.
Selain itu, mereka sangat mudah diintegrasikan ke dalam proyek desain Anda. Kami akan menunjukkan kepada Anda bagaimana Anda dapat memasukkan Google Font ini ke Situs WordPress Anda.
Google Font
Untuk memulai, Anda harus memilih font yang ingin Anda gunakan. Ada berbagai pilihan, jadi Anda memiliki menu yang agak besar untuk dipilih. Anda dapat menemukannya dengan menuju ke Halaman Font Google. Jika Anda mencari font tertentu, cukup ketik nama font di kotak Pencarian dan itu akan muncul dengan sampel.
Ada juga parameter pencarian lain yang dapat Anda gunakan. Tepat di bawah kotak Pencarian adalah tombol yang disebut Kategori. Jika Anda mengklik ini, itu akan membuka menu tarik-turun dengan lima opsi. Ini adalah sebagai berikut:
- Serif – Ini adalah font dengan garis pendek yang berasal dari sapuan huruf atas dan bawah. Times New Roman dan Sylfaen adalah contoh yang baik.
- Sans Serif – Seperti namanya, ini adalah font tanpa garis-garis kecil. Mereka cenderung memiliki estetika yang sederhana dan bersih.
- Tampilan – Inilah yang bisa disebut font yang menarik perhatian. Mereka paling baik untuk judul daripada teks panjang.
- Tulisan Tangan – Font ini membuat seolah-olah seseorang menulisnya dengan tangan. Anda akan menemukan bahwa banyak yang menggunakan kursif atau memiliki jarak yang kurang konsisten.
- Monospace – Seperti mesin tik, huruf-hurufnya menempati lebar horizontal yang sama. Jarak mereka sangat konsisten.
Selain itu, Anda juga memiliki opsi lain untuk dipilih, seperti memilih Properti Bahasa dan Font. Yang terakhir termasuk jumlah gaya, ketebalan, kemiringan, dan lebar.
Menyematkan Font di WordPress
Jika Anda ingin memasukkan font unik ini ke situs WordPress Anda, ada beberapa metode yang dapat Anda coba.
Menggunakan CSS
Klik pada Font dari pilihan Google, dan itu akan membawa Anda ke halaman font terperinci. Di sudut kanan atas, ada tanda "+". Klik itu dan jendela samping akan terbuka. Klik pada "Sematkan."
Sekarang Anda dapat mengklik @impor. Ini akan membuka kode CSS yang perlu Anda salin. Buka lembar gaya tema WordPress Anda dan tempel di awal. Pastikan Anda telah menyalin tautan impor tanpa tanda kurung. Pastikan Anda Simpan, dan Anda akan menambahkan font.
Menggunakan PHP
Ikuti beberapa langkah pertama dan salin tautan yang Anda dapatkan setelah mengeklik tanda “+”. Sekarang, cukup tambahkan ke file header.php tema Anda. Ingatlah untuk menyimpan agar font ditambahkan.
Menggunakan Fungsi Javascript
Anda juga dapat mencoba sesuatu yang dikenal sebagai "mengantre". Anda harus menggunakan fungsi wp_enqueue_style untuk ini. Melalui metode ini, Anda dapat menambahkan font yang dipilih ke bagian header dari semua halaman situs web Anda. Ini cara yang bagus untuk menambahkan beberapa perubahan sekaligus.
Cukup dapatkan tautan font (dari http hingga ”), dan tambahkan ini ke file functions.php tema Anda dengan kode tambahan di sekitarnya. Berikut kode yang harus Anda gunakan:
fungsi custom_add_google_fonts() {
wp_enqueue_style( 'custom-google-fonts', https://fonts.googleapis.com/css2?family=Chelsea+Market&display=swap, salah );
}
add_action( ‘wp_enqueue_scripts’, ‘custom_add_google_fonts’ );
Semua opsi ini akan berfungsi dengan baik untuk mengintegrasikan Google Font ke situs WordPress Anda, jadi penting untuk memilih salah satu yang Anda rasa paling nyaman.