fbpx

Daftar Cloud Depa by Dewabiz - Dapatkan Saldo Gratis Secara Cuma Cuma!

General

Ketahui Bagaimana Cara Menambah Font Custom di WordPress

Yodik Prastya

Tak ingin situs Anda terkesan generik, terlihat sama seperti situs lain kebanyakan? Jika begitu, salah satu elemen yang mungkin perlu mendapat perhatian khusus Anda adalah font. Lantas bagaimana cara menambah font custom di WordPress, sulitkah proses yang harus Anda lakukan?

Bagaimana Cara Menambah Font Custom di WordPress?

Bagi sebagian orang, cara menambah font custom di WordPress mungkin bukanlah pekerjaan rumit. Namun tak demikian bagi mereka yang masih awam ataupun para pemula. Mengubah font sendiri bisa dipelajari dari pilihan font bawaan yang disediakan oleh WordPress.

Namun seperti yang kita ketahui, pilihan font yang tersedia bisa dikatakan terbatas. Begitu pula dengan dukungan tema yang diterapkan pada situs Anda, juga harus mampu mengakomodir jenis font yang ingin digunakan. Untuk itulah, Anda perlu mempelajari cara menggunakan custom font di situs WordPress.  

1. Dapatkan file font

Untuk menambahkan custom font, tentu saja Anda harus mendownload dulu file font. Anda bisa mendapatkan file tersebut dari berbagai website font gratis, diantaranya seperti Font Squirrel, Google Web Font Service, Edge Web Fonts (Adobe), Typekit, Fonts.com, dafont ataupun 1001freefonts.

Selanjutnya, pastikan pula bahwa format font yang akan Anda unduh tersebut dapat digunakan pada situs Anda. beberapa format font  antara lain:

  • Open Type Fonts (OTF) yang paling umum dan aman digunakan
  • Embedded Open Type Font yang merupakan versi compact dari OTF
  • True Type Fonts (TTF)
  • Web Open Font Format (WOFF maupun versi lanjutannya WOFF 2.0)

Bila perlu, Anda juga bisa melakukan konversi terhadap format font tersebut. Anda bisa menggunakan bantuan tool Web Font Generator yang dapat membantu mengkonversi hampir segala jenis font agar didukung untuk penggunaan situs. Cara menggunakan tool ini juga tak terlalu rumit dan cukup ikuti instruksi yang ditampilkan.

2. Menambahkan file font

Apabila file font Anda sudah siap, selanjutnya Anda bisa menambahkannya ke WordPress. Untuk itu, ada 2 pilihan cara yang bisa dipilih sesuai preferensi Anda, yaitu menggunakan bantuan plugin dan menggunakan cara manual. Anda perlu mengakses Control Panel Admin atau aplikasi FTP yang Anda gunakan. Berikut penjelasan masing-masing opsi:

Menggunakan Bantuan Plugin

Opsi mudah ini bisa Anda lakukan mulai dari memilih plugin yang akan digunakan, diantaranya (pilih salah satu saja)

  • WP Google Fonts; instal dari direktori plugin resmi WordPress lalu untuk melakukan penggantian font dan melakukan penyesuaian, Anda bisa membuka Google Font Control Panel
  • Typekit Fonts for WordPress; jika Anda menggunakan font Typekit, maka ini adalah plugin  yang harus Anda instal, untuk mengganti dan menyesuaikan custom font tersebut  
  • Use Any Font; plugin untuk menggunakan berbagai format font (TTF. OTF maupun WOFF)

Menggunakan Cara Manual

Opsi ini memang sedikit lebih ribet, namun sepadan jika Anda ingin agar WordPress tetap ringan, tanpa terlalu terbebasni oleh tambahan plugin. Berikut langkah yang perlu Anda lakukan:

  • Download file font, lalu ekstrak file ZIP tersebut menjadi file font
  • Upload file font tersebut (bisa menggunakan File Manager maupun aplikasi FTP) ke direktori wp-content/themes/your-theme/fonts (buat folder fonts jika belum ada).
  • Buka panel admin WordPress lalu buka Appearance dan masuk ke bagian Editor
  • Pada file style.css silakan Anda scroll ke bawah lalu tambahkan baris kode yang memuat font-family dan url sesuai dengan font Anda
  • Jika sudah, silakan tekan tombol Upload file untuk mengunggah file 
  • Jika Anda hanya ingin menggunakan custom font tersebut khusus untuk element tertentu di situs, maka Anda perlu meng-edit file style.css yang sama

Kesimpulan

Demikian cara menambah font custom di WordPress yang bisa Anda pilih sesuai dengan kebutuhan dan preferensi. Tentu saja, Anda bisa memilih custom font dari berbagai sumber berlisensi gratis untuk penggunaan komersil dari sumber-sumber yang sudah disebutkan tadi. Selanjutnya, Anda hanya perlu memilih cara mana yang paling ideal untuk menambahkan custom font tersebut ke situs Anda.

Baca Juga