Sematkan Font Google di Situs WordPress

Google Fonts telah menjadi sumber daya untuk gaya web kustom sejak pengembangannya pada tahun 2010. Ada tiga alasan utama mengapa Google menjadi yang pertama di sini. Pertama, tidak ada layanan font yang cukup baik, jadi Google mengisi kekosongan. Lainnya, bahkan sebagai pemula, variasi yang mereka tawarkan relatif besar. Saat ini, ada lebih dari 800 font yang tersedia dalam berbagai gaya. Ketiga, font ini tersedia secara bebas, yang membuatnya sangat menarik.

Plus, mereka sangat mudah untuk diintegrasikan ke dalam proyek desain Anda. Kami akan menunjukkan cara memasukkan font Google ini di situs WordPress Anda.

Google Font

Untuk memulai, Anda harus memilih font yang ingin Anda gunakan. Ada banyak pilihan yang berbeda, sehingga Anda memiliki menu yang cukup besar untuk dipilih. Anda dapat menemukannya dengan membuka Google Font. Jika Anda mencari font tertentu, cukup ketik nama font di kotak pencarian dan itu akan memberikan contoh.

Ada juga parameter pencarian lain yang dapat Anda gunakan. Tepat di bawah kotak pencarian adalah tombol yang disebut kategori. Mengklik ini akan memunculkan lima menu tarik-turun. Ini adalah sebagai berikut:

Serif Ini adalah font pendek yang berasal dari baris atas dan bawah surat. Times New Roman dan Sylfa adalah contoh utama.
Sans Serif Sesuai dengan namanya, font ini tidak memiliki garis-garis kecil. Mereka cenderung memiliki estetika yang sederhana dan bersih.
Tampilan Inilah yang bisa disebut font yang menarik perhatian. Mereka yang terbaik untuk judul daripada teks panjang.
Tulisan Tangan – Font ini membuatnya terlihat seperti seseorang yang menulisnya dengan tangan. Anda akan menemukan bahwa banyak huruf miring atau bahkan memiliki spasi yang lebih sedikit.
Monospace – Sebagai mesin tik, huruf-hurufnya memiliki lebar yang sama. Mereka sangat konsisten dari jauh.

Selain itu, Anda juga memiliki opsi lain untuk dipilih, seperti memilih bahasa dan properti potongan karakter. Yang terakhir berisi nomor gaya, ketebalan, gradien, dan lebar.

Font Tertanam di WordPress

Jika Anda ingin memasukkan font unik ini di situs WordPress Anda, ada beberapa metode yang bisa Anda coba.

Menggunakan CSS

Klik pada font dari pilihan Google dan itu akan membawa Anda ke halaman font rinci. Di pojok kanan atas ada tanda +. Klik untuk membuka jendela samping. Klik “Sematkan”.

Sekarang Anda dapat mengklik@ impor.Ini akan membuka kode CSS yang perlu Anda salin. Buka stylesheet tema WordPress Anda dan tempel di bagian atas. Pastikan Anda menyalin tautan impor tanpa

tanda kurung. Pastikan Anda menyimpan, jadi Anda telah menambahkan font.

Dengan PHP

Ikuti langkah pertama dan salin tautan yang Anda dapatkan setelah mengklik tanda +. Tambahkan saja ke tema Andajudul.phpmengajukan. Ingatlah untuk menyimpan untuk font tambahan.

Menggunakan fungsi Javascript

Anda juga dapat mencoba sesuatu yang disebut “enqueueing”. Anda harus menggunakan fungsi wp_enqueue_style untuk ini. Metode ini memungkinkan Anda untuk menambahkan font yang dipilih ke header semua halaman di situs Anda. Ini adalah cara yang bagus untuk menambahkan beberapa perubahan sekaligus.

Dapatkan saja tautan font (darihttpto) dan tambahkan ini ke tema AndaFunctions.phpfile dengan kode tambahan di sekitarnya. Berikut adalah kode yang perlu Anda gunakan:

fungsi custom_add_google_fonts() {

wp_enqueue_style (“font google khusus”, https://fonts.googleapis.com/css2?family=Pasar Chelsea +& tampilan = byte, salah);

}

add_action(‘wp_enqueue_scripts’, ‘custom_add_google_fonts’);

Beberapa opsi ini berfungsi dengan baik untuk mengintegrasikan font Google ke situs WordPress Anda, jadi penting untuk memilih apa yang paling nyaman bagi Anda.