Cara Mengganti Font Website secara Mudah

Bagaimana cara mengganti atau mengubah custom font di website WordPress? Untuk mengetahui jawabannya Anda bisa simak artikel cara mengganti font website WordPress ini hingga selesai.

Mengganti Font Website

Cara Ganti Font Website

Membuat blog atau website yang unik dan berbeda dari website lainnya merupakan keinginan semua orang. Tiap blogger dan pemilik website berusaha sebaik mungkin untuk membuat websitenya lebih menonjol dari yang lain.

Satu dari sekian banyak komponen website yang dapat Anda modifikasi / ubah yaitu font. Font yang unik bisa jadi identitas website Anda.

Sayangnya, mungkin font yang tersedia tak cocok dengan gaya Anda, baik itu font dari :

  • WordPress yang tersedia secara default; dan
  • thema yang Anda

Oleh sebab itu, Anda perlu mengganti font website WordPress secara mandiri.

a. Mengganti Font secara Manual

Cara mengganti font website WordPress yang pertama yaitu secara manual. Untuk ganti font di WordPress secara manual agak rumit. Sebab Anda harus mengunduh / men-download font hingga mengunggah / meng-uploadnya secara mandiri.

Tapi, cara ini layak Anda terapkan bila Anda tak mau memasang plugin tambahan. Berikut cara ganti font di website WordPress secara manual :

1. Download Font di Komputer

Ada berbagai situs penyedia font yang dapat Anda kunjungi untuk men-download font secara gratis. Beberapa situs penyedia font yang dapat Anda manfaatkan yaitu :

  • FontSquirrel,
  • Google Fonts,
  • 1001FreeFonts,
  • Fonts.com,
  • Dafont, dan
  • Adobe Edge Web Fonts.
2. Ekstrak Font WordPress

Setelah men-download font yang Anda mau, kini saatnya untuk melakukan ekstrak file. Umumnya situs penyedia font memberikan fontnya dalam format .ZIP. Oleh karena itu Anda harus mengekstraknya memakai 7-Zip atau WinZip.

3. Convert Format Font (Opsional)

Terdapat berbagai macam format font untuk website dan Anda harus tahu jenis format tersebut sebelum meng-uploadnya di website Anda. Ada beberapa format yang tak kompatibel dengan semua browser internet.

3 format font yang paling umum yaitu :

  • True Type Fonts (ttf),
  • Web Open Font Format (woff), dan
  • Open Type Fonts (otf).

Ketiga format font tersebut bekerja secara optimal di seluruh browser internet yang ada.

Anda dapat mengecek kompatibilitas font memakai Web Font Generator Tool. Bila mau memakai font yang formatnya tak kompatibel dengan semua browser, Anda dapat mengubah formatnya memakai Web Font Generator Tool.

Berikut caranya :

  • Upload font yang mau Anda ubah formatnya;
  • Centang / checklist Yes, the fonts I’m uploading are legally eligible for web embedding;
  • Download / Unduh hasil konversinya.
4. Upload Font Menggunakan FTP

Langkah mengganti font website selanjutnya yaitu meng-upload font pilihan Anda memakai FTP. FTP merupakan kependekan dari File Transfer Protocol. Dengan FTP maka akan memungkinkan Anda mengirimkan data dari komputer ke server.

Salah satu aplikasi FTP yang dapat Anda pakai untuk mengunggah font yaitu FileZilla. Upload file font ke direktori wp-content/themes/your-theme/fonts. Bila tak menemukan folder fonts, Anda dapat membuatnya secara mandiri di direktori tersebut.

5. Masuk Dashboard Website

Setelah proses upload font selesai, silakan ikuti langkah-langkah di bawah untuk mengganti font website :

  • buka dasbor WordPress Anda;
  • pilih menu Tampilan (Appearance) >> Editor Berkas Tema;
  • Editor akan menampilkan file style.css;
  • lalu scroll ke bawah dan tambahkan kode di bawah ini :

@font-face {

font-family: Aguafina Script-Regular;

src: url(https://ternakwebsite.com/wp-content/themes/twentyseventeen/fonts/AguafinaScript-Regular.ttf);

font-weight: normal;

}

  • klik Update File untuk menyimpan perubahan yang sudah Anda lakukan.

Jangan lupa Anda mengganti konten font-family dan URL sesuai dengan yang akan dipakai.

6. Tentukan Penerapan Font

Kode di langkah 5 belum mengaplikasikan penerapan font di front end website. Anda harus menentukan di bagian mana saja font itu akan Anda terapkan dengan mengedit file style.css yang sama.

Contohnya kode di bawah ini Anda pakai untuk mengganti font website di bagian judul :

.site-title {

font-family: “Aguafina Script-Regular”, Arial, sans-serif;

}

b. Mengganti Font Memakai Plugin

Mengganti font website WordPress mungkin terlihat susah untuk kebanyakan orang. Khususnya bagi pemula dan orang yang masih awam dengan WordPress. Tapi, Anda tak perlu khawatir. Sebab Anda dapat mengganti font di WordPress memakai plugin.

Ada berbagai pilihan plugin font yang bisa membantu Anda menambahkan font custom di WordPress. Kelebihan mengganti / meng-custom font di WordPress dengan plugin yaitu lebih mudah. Sebab Anda hanya harus mengikuti pengaturan dari pluginnya.

Berikut beberapa plugin yang dapat Anda pakai untuk menambahkan font custom di WordPress :

1. WP Google Fonts

Plugin untuk mengganti font website yang pertama adalah WP Google Fonts. Plugin WP Google Fonts ini akan memungkinkan Anda untuk menambahkan font custom di website dengan mudah.

Plugin ini akan secara otomatis menambahkan kode-kode yang website Anda perlukan, supaya font yang ditambahkan bekerja secara optimal.

Selain itu, Anda pun dapat dengan bebas mengatur penerapan font di bagian-bagian tertentu. Misalnya, Anda hanya mau mengganti font untuk H2 dan H3.

Anda dapat dengan mudah mengaturnya di WP Google Fonts. Bahkan Anda dapat menambahkan lebih dari satu font di website Anda memakai plugin ini.

Anda cukup install dan aktifkan plugin WP Google Fonts dari direktori resmi WordPress. Setelah selesai melakukan instalasi plugin, maka Anda akan diarahkan ke Google Font Control Panel. Plugin ini menyediakan lebih dari 600 pilihan font yang dapat Anda pakai.

2. Google Fonts for WordPress

Plugin untuk mengganti font website yang kedua yaitu Google Fonts for WordPress atau Google Fonts Typography. Plugin ini :

  • sudah di-download lebih dari 30 ribu kali di WordPress; dan
  • menyediakan lebih dari 800 jenis font yang dapat Anda pilih.

Cara pemakaiannya juga cukup mudah. Sama dengan WP Google Fonts, Anda hanya harus menginstall dan mengaktivasi plugin Google Fonts Typography via direktori plugin WordPress.

3. Use Any Font

Plugin ketiga yang dapat Anda pakai untuk menambahkan atau mengganti font website (custom) yaitu Use Any Font. Anda dapat menemukan plugin ini lewat direktori plugin di dasbor WordPress atau men-download via situs resmi WordPress.

Untuk dapat mengaktifkan plugin ini, Anda perlu API Key dan melakukan verifikasi secara gratis. Setelah verifikasi selesai, Anda dapat menambahkan font custom di WordPress Anda.

Berbeda dengan kedua plugin sebelumnya, plugin Use Any Font memungkinkan Anda untuk mengupload font dari penyedia font pihak ketiga. Anda dapat meng-upload font dari pihak ketiga lewat fitur Upload Fonts dalam format :

  • ttf,
  • otf, atau
  • woff.

Mengganti Font Website Sekarang Juga!

Demikian artikel tentang cara mengganti font di WordPress secara manual dan otomatis. Bila website sudah terlalu banyak plugin terpasang, Anda dapat memakai cara pertama.

Walaupun agak rumit dan memakan waktu lama, cara pertama dapat Anda coba bila tak ingin membebani WordPress dengan plugin tambahan.

Bila menginginkan cara yang praktis dan cepat, plugin font merupakan solusi yang tepat untuk Anda. Anda dapat menambahkan font custom di WordPress tanpa melakukan coding.

Berikut beberapa plugin font yang bisa Anda pilih :

  • WP Google Font,
  • Google Fonts for WordPress, dan
  • Use Any Font.

Jadi, cara mengganti font website mana yang akan Anda pilih? Apapun cara yang Anda pilih, selalu ingat untuk memilih font yang mudah Anda baca oleh pembaca. Dengan begitu pembaca akan semakin nyaman berada lebih lama di website Anda.

Leave a Reply

Memperbaiki Permalink Website
Cara Memperbaiki Permalink Website yang Rusak
Reset Website WordPress
Cara Reset Website WordPress dengan Mudah
Membuat Custom Login
Cara Membuat Custom Login di Website WordPress
Cara Setting Robots TXT di Website
Bahasa Pemrograman CMS cPanel Domain Hosting Web Siap
Fitur di cPanel Hosting
Fitur di cPanel Hosting Website
Domain Tingkat Atas
Jenis Domain Tingkat Atas Terbaik yang Ada Sekarang
Keunggulan Domain Berbayar
Keunggulan Domain Berbayar bagi Bisnis yang Perlu Diketahui

Dasar SEO

Pengenalan SEO Riset Keyword

Optimasi Lanjutan

Copywriting Error Website Tips SEO

Teknik SEO

SEO Off Page SEO OnPage SEO Teknikal

Tools SEO

Tools Google Tools Riset KK Tools SEO Lain
Bisnis Jualan Link PPC Program Afiliasi Publisher Sumber Lain
Mendapatkan Uang dari Website
Cara Mendapatkan Uang dari Website yang Kita Punya
Jualan Online via Website
Jualan Online via Website yang Mudah Dilakukan
Platform SeedBacklink
Platform Seedbacklink Solusi Promosi Website dan Income Online
Membersihkan Cache
Cara Membersihkan Cache pada Website
Menggunakan Editor Gutenberg
Cara Menggunakan Editor Gutenberg Lengkap di WordPress
Plugin WordPress
Cara Instal Plugin WordPress yang Bisa Dilakukan
Cara Instal dan Ganti Theme Website
Cara Instal dan Ganti Theme Website