Nadia Agatha Penerjemah dan Mahasiswa S2 tingkat akhir. Ia menggemari diskusi berbagai topik sekaligus menuliskan ide-idenya melalui media microblog.

Rekomendasi Font Website Terbaik untuk WordPress

3 min read

Rekomendasi Font Website

Di artikel ini, kami akan rekomendasikan beberapa font website terbaik untuk website WordPress.

Bisa dibilang, font cukup memegang peranan penting untuk tampilan website Anda.

Pemilihan font yang tepat akan memberi pengaruh baik terhadap website yang Anda kelola.

Apa Itu Web-Safe Font?

Ada lebih dari 650 ribu font yang tersedia di internet. Namun, banyak dari font tersebut tidak web-safe.

Web-safe font adalah font yang kompatibel digunakan pada berbagai halaman website.

Font yang web-safe memiliki beberapa karakteristik, seperti muncul di semua OS dan memungkinkan web designer untuk memilih font fallback to jika font yang diinginkan tak tersedia.

Nah, di artikel ini kami akan membahas berbagai font yang web-safe beserta font fallback to-nya untuk digunakan di website WordPress Anda.

Rekomendasi Font Website Terbaik

1. Arial

font website arial
Contoh font Arial

Bisa dibilang bahwa Arial adalah font dasar dan paling standar. Font ini merupakan anak dari font sans-serif.

Arial sangat cocok digunakan untuk berbagai website. Selain itu font ini dikenal sebagai font yang paling banyak digunakan di media online maupun cetak.

Tampilannya yang sederhana tanpa aksen kurva membuatnya mudah dibaca di berbagai device. Font-family font ini di antaranya Arial, sans-serif, Helvetica Neue, Helvetica.

2. Dejavu Sans

Dejavu Sans
Contoh font DejaVu Sans

Font Dejavu Sans memiliki karakteristik yang sedikit mirip dengan Arial.

Dengan font-family Dejavu Sans, Arial, Verdana, sans-serif, karakteristik yang clean dan sederhana membuat font ini masuk ke dalam daftar rekomendasi.

Selain itu, font ini terasa lebih tegas tampilannya. Cocok untuk website yang memiliki tema serius dan bold.

3. Georgia

font website georgia
Contoh font Georgia

Jika melihat font ini, mungkin GudPeople akan teringat dengan Times New Roman.

Georgia memang bersanding dengan font-family TImes New Roman, Times dan serif.

Font ini memiliki karakteristik yang sama, nampak seius, mudah dibaca dan ujungnya melengkung.

Georgia cocok digunakan untuk segala website terutama yang kontennya berisi banyak tulisan.

4. Goudy Old Style

font website gos
Font Goudy Old Style

Goudy Old Style memiliki kesan yang mirip dengan Times New Roman.

Font-family Goudy Old Style, Times New Roman, Big Caslon, Gourmand, dan serif memang memiliki karakteristik yang mirip.

Hanya saja, Goudy Style memiliki sentuhan klasik dan halus. Jadi, font ini sangat cocok untuk website apapun.

5. Optima

Optima
Font Optima

Optima memiliki tampilan tegas dan bersih. Selain itu, bentuknya pun simetris sehingga enak dipandang.

Untuk perangkat iOS dan macOS, font ini merupakan font standar. Lalu bagaimana dengan Windows? Anda bisa menggunakan font fallback to Segoe.

Selain yang disebutkan di atas, font-family Optima yang lain adalah Segoe UI, Calibri, Arial, Candara dan sans-serif.

6. Verdana

Verdana
Verdana

Verdana merupakan salah satu font ramping tapi ukurannya besar.

Banyak yang menganggap font ini sebagai ‘the true web font’ karena ukurannya dan karakteristiknya yang mengusung garis sans-serif.

Font ini cocok untuk website bertema santai. Selain itu, Anda dapat menyusun fallback to seperti Geneva dan sans-serif.

7. Gill Sans

gill sans
Gill Sans

Gill Sans memberikan kesan font yang tegas sekaligus modern.

Font ini kurang cocok digunakan untuk website yang konten utamanya berisi tulisan.

Namun, jika Anda menggunakannya sebagai font untuk headline, Gill Sans sangat memenuhi kriteria ini.

Sedangkan untuk font-family dari Gill Sans adalah Gill Sans MT, Calibri dan serif-sans.

8. Times New Roman

font website tnr
Times New Roman

Satu kata untuk mendeskripsikan font satu ini. Klasik.

Tampilannya yang formal dan tegas menjadikan Times New Roman sebagai font yang sangat banyak digunakan.

Semua device mendukung font ini, jadi bisa dibilang Times New Roman adalah web-safe font.

Jadi, font mana yang akan Anda pilih, GudPeople?

Tentunya selain mempertimbangkan selera, pertimbangkan juga konten dan niche website yang Anda miliki agar pemilihan font semakin mempermanis tampilan website Anda.

Cara mengubah Font pada Website WordPress

Nah, ketika Anda telah menjatuhkan hati pada salah satu font rekomendasi kami, mungkin Anda tidak sabar untuk mencobanya.

Untuk itu, akan kami berikan dua cara mengubah font pada website WordPress Anda.

  1. Anda dapat mengunduh font di berbagai situs terpercaya seperti 1001FreeFonts, FontSquirrel, Google Fonts, Dafont, dan Font.com.
  2. File yang diunduh biasanya berupa file .zip, maka Anda harus meng-unzip file tersebut sebelum digunakan.
  3. Upload font menggunakan FTP. Gunakan Filezilla dan unggah font ke wp-content/themes/your-theme/fonts. Jika file tersebut tidak ada, Anda dapat membuatnya sendiri.
  4. Masuk ke Dashboard, pilih Appearance > Editor. Scroll untuk cari style.css.
  5. Masukkan kode:

    @font-face {

font-family: Gill Sans;

src: url(https://urlwebsitekamu.com/wp-content/themes/twentyseventeen/fonts/GillSans.ttf);

font-weight: normal;

}

6. Klik Update File.

Jika dengan FTP dirasa cukup memakan waktu, maka ada cara lain untuk melakukannya yaitu dengan bantuan plugin.

Berikut ini adalah rekomendasi plugin untuk mengganti font website WordPress Anda,

  • Google Font Typography – Anda dapat memilih font yang akan digunakan langsung dari plugin ini.
  • Use Any Font – Dengan plugin ini, Anda dapat mengunggah sendiri font yang diinginkan.
  • Easy Google Fonts – Mirip seperti Google Font Typography, Anda cukup memilih font yang disediakan.

Nah, kini Anda siap untuk mengubah tampilan website Anda dengan tips dan tutorial yang kami berikan.

Penutup

Berikut tadi adalah ulasan tentang font-font apa saja yang cocok untuk website WordPress.

Untuk merangkumnya, kami akan memberikan list dari font yang sudah diulas tadi,

  • Arial
  • Dejavu Sans
  • Georgia
  • Goudy Old Style
  • Optima
  • Verdana
  • Gill Sans
  • Times New Roman

Dan untuk menginstalnya ke WordPress, Anda dapat melakukannya dengan cara manual atau dengan bantuan plugin.

Oh, tampilan website yang cantik belum lengkap tanpa sertifikat SSL. Jangan sampai website Anda disembunyikan oleh Google, ya!

Sampai jumpa di artikel selanjutnya, GudPeople!

Nadia Agatha Penerjemah dan Mahasiswa S2 tingkat akhir. Ia menggemari diskusi berbagai topik sekaligus menuliskan ide-idenya melalui media microblog.

Leave a Reply

Your email address will not be published. Required fields are marked *