Cara Menambahkan Google Font ke WordPress


Salah satu cara untuk meningkatkan desain dan profesionalisme situs web Anda secara signifikan adalah dengan menggunakan font yang bagus.

Kebanyakan orang tidak pernah memikirkan font yang mereka gunakan di situs web mereka. Namun, jika Anda mengembangkan tema Anda sendiri atau mengedit tema yang sudah Anda instal, pemilihan font yang baik harus menjadi bagian besar dari prosesnya.

Memilih font atau kombinasi font untuk situs web Anda dulunya merupakan tugas yang sederhana dan sejujurnya cukup membosankan. Hanya ada sedikit font aman web yang tersedia untuk Anda gunakan, namun sekarang dengan banyaknya font yang dioptimalkan untuk web yang terus dibuat, mungkin sulit untuk menentukan font mana yang akan digunakan.

Dengan pembuatan Google Font dan 900+ jenis font yang kini tersedia bagi Anda, proses memilih font yang baik menjadi lebih rumit. Namun, selama beberapa tahun terakhir perkembangan seputar Google Font telah membuat penerapan pilihan apa pun yang Anda buat menjadi jauh lebih mudah dari sebelumnya.

Mengapa Saya Harus Menggunakan Google Font?

Google Fonts telah menjadi salah satu sumber font terbaik yang tersedia untuk Anda di web saat ini.

Tidak hanya terdapat lebih dari 900+ jenis font yang dapat Anda gunakan, semuanya merupakan font sumber terbuka yang dapat dibuat dan disempurnakan oleh siapa saja.

Desainer yang membuat font harus melalui proses pertimbangan agar fontnya dapat dimasukkan ke dalam direktori Google. Artinya, selain memiliki akses ke ribuan desainer di seluruh dunia, font tidak dapat ditambahkan ke direktori tanpa terlebih dahulu memastikan font tersebut lengkap dan dioptimalkan untuk web.

Menggunakan font yang berbeda di masa lalu berarti orang harus menginstal font tersebut di komputer mereka sendiri agar browser dapat menampilkannya dengan benar. Dengan Google Fonts, semua font diakses langsung dari direktori Google untuk memastikan bahwa font tersebut dapat berfungsi di hampir semua mesin dengan browser apa pun. Hal ini membuka kebebasan desain yang belum pernah terjadi sebelumnya untuk mengembangkan situs web.

Bagaimana Saya Menggunakan Google Font di Situs Web Saya?

Beberapa tema WordPress seperti Total Tema WordPress menyertakan opsi bawaan dalam tema untuk mengubah font Google Anda dengan mudah. Cukup navigasikan ke Penyesuai dan klik tab Tipografi untuk mengedit font utama, ukuran font, bobot font, dan bahkan spasi baris untuk elemen di seluruh tema.

Namun, jika Anda menggunakan tema lain, Anda dapat menambahkan Google Font secara manual atau menggunakan plugin.

Plugin WordPress untuk Menambahkan Google Font

Salah satu plugin gratis terbaik untuk menambahkan Google Fonts ke situs Anda adalah dengan menggunakan Plugin Easy Google Fonts gratis yang dapat Anda unduh dari repositori WordPress. Cara termudah untuk mengunduh adalah langsung dari dashboard WordPress Anda. Cukup masuk ke situs WordPress Anda dan buka Plugins > Add New. Kemudian cari saja “Easy Google Fonts” untuk instalasi yang cepat dan mudah.

Plugin hebat lainnya untuk menyesuaikan font Anda di situs ini adalah plugin editor Yellow Pencil Live CSS (yang disertakan secara gratis di Tema WordPress New York kami). Manfaat plugin ini adalah tidak hanya memungkinkan Anda mengubah font situs web Anda melalui metode klik dan edit yang mudah. Anda juga dapat menyesuaikan semua warna tema WordPress, ukuran font, bobot font, padding, margin…dll.

Font Mana yang Harus Saya Gunakan?

Kekuatan terbesar Direktori Google Font juga dapat mempersulit hidup Anda. Ada begitu banyak font yang tersedia untuk digunakan sehingga menemukan dan memilih kombinasi font yang tepat bisa menjadi sebuah tantangan.

Font yang Anda pilih akan bergantung sepenuhnya pada apa yang ingin Anda sampaikan melalui desain Anda. Font digunakan untuk menarik minat pembaca situs. Mereka digunakan untuk menarik perhatian ke berbagai aspek situs web, dan seorang desainer hebat dapat melakukan keajaiban dengan perbedaan yang sangat halus pada font yang mereka gunakan.

Satu hal yang perlu Anda pahami adalah perbedaan antara font dan jenis huruf. Kedua istilah tersebut sering dan salah digunakan secara bergantian. Font adalah kumpulan lengkap huruf, simbol angka, dll. Jika mengacu pada desain koleksi itu, Anda akan menyebutnya jenis huruf.

Klasifikasi Font

Ada berbagai klasifikasi yang dapat diterapkan pada tipografi. Yaitu: Serif, Sans Serif, Display, Tulisan Tangan (atau Script) dan Monospace. Ada pula yang digunakan dalam media cetak, namun kita tidak perlu terlalu memikirkannya saat ini.

Jadi apa perbedaan di antara keduanya?

Tipografi Serif memiliki ekor yang menggantung di tepi setiap karakter.

Tipografi Sans Serif tidak memiliki ekor.

Tampilan tipografi tidak biasa dan dekoratif.

Tipografi Tulisan tangan tampak seperti tulisan tangan kursif atau tulisan balok.

Terakhir, font monospace terdiri dari karakter yang masing-masing menggunakan jumlah ruang yang sama persis.

Praktik Terbaik Font untuk Desain Web

Ada beberapa pedoman praktik terbaik yang harus diikuti saat memilih font mana yang akan digunakan.

Sebaiknya hindari penggunaan lebih dari dua font berbeda dalam desain situs Anda. Mungkin sulit untuk menyeimbangkan lebih dari dua font. Dan mencampurkan lebih dari dua tipografi dalam satu situs dapat menyebabkan masalah visual yang serius.

Jika Anda menggunakan dua font berbeda, misalnya satu untuk judul dan satu lagi untuk konten, pastikan Anda tidak memilihnya dari klasifikasi jenis huruf yang sama. Yang terbaik adalah menggabungkan tipografi. Dengan kata lain, hindari penggunaan dua font Serif yang berbeda, atau dua font sans serif yang berbeda.

Ada font yang berfungsi dengan baik untuk judul, tetapi tidak ideal untuk konten isi dan sebaliknya. Ada situs yang menggunakan font untuk kontennya yang sulit dibaca. Font konten harus bersih dan mudah dibaca sedangkan font judul harus digunakan untuk dampak maksimal dan untuk menarik perhatian ke area tertentu di situs Anda.

Menyelesaikan Google Font untuk WordPress

Seperti yang mungkin Anda mulai sadari, memilih font untuk desain situs web Anda bisa menjadi proses yang rumit dan rumit. Ada lebih banyak keputusan daripada sekadar memilih dua font mana pun.

Ada beberapa hal yang harus Anda usahakan untuk memastikan dalam pilihan Anda. Pastikan hierarki kelas tajuk Anda seimbang dan tag tajuk mengecil dalam ukuran relatif.

Setengah dari perjuangan desain situs dan tipografi yang baik adalah konsisten dengan pilihan font Anda. Itu termasuk ukuran font, bobot dan spasi. Menggunakan Google Fonts dan plugin Google Typography membuat seluruh proses ini jauh lebih mudah dari sebelumnya. Bahkan dengan sumber daya ini, memiliki tipografi yang profesional dan seimbang masih merupakan sebuah tantangan.

Jika Anda masih tidak yakin dengan pilihan yang Anda buat dan tersesat saat mencoba mencari tahu perbedaan antara semua pilihan Anda. Mungkin ini saatnya meminta desainer profesional untuk memeriksa situs Anda.

Sudahkah Anda menerapkan Google Font di situs web Anda? Sudahkah Anda membuat tema dari awal yang menyertakan Google Fonts? Kami ingin mendengar pendapat Anda tentang tipografi dan font favorit Anda di komentar di bawah.