Download Now Download Themes Gratis WordPress Responsive!

Cara Tambahkan Google Font di Theme WordPress

Web font Google adalah sumber font gratis untuk web designer. Beberapa pengguna baru mungkin masih belum tau cara menambahkan font Web Google ke dalam Theme WordPress. Pada artikel ini, saya akan menunjukkan cara untuk menambahkan Google Web Font di WordPress theme.

Cari Google Web Font yang Anda Suka

Hal pertama yang perlu Anda lakukan adalah menemukan font Google yang anda sukai pada library Google untuk menelusuri font. Pada contoh saya memilih Font signika, jika anda sudah menemukan font, klik pada tombol “Use“.

font google fontSetelah Anda mengklik tombol use, Anda akan dibawa ke halaman baru. Scroll ke bawah sampai Anda melihat kotak: add this code to your website.

import google font wordpress

Pilih code di menu tab @import, dan salin code tersebut dan simpan di notepad jika anda ingin menggunakanya lagi pada web anda suatu saat.

Menambahkan Font Web Google di WordPress Themes

Seperti yang Anda lihat bahwa Google menyediakan 3 cara yang mungkin untuk menambahkan font web Google ke situs web Anda. Ada “Standard”, “@import” , dan “Javascript”.

Cara termudah adalah dengan membuka file style.css Theme wordpress anda dan paste kode font dari @import di bagian atas isi style.css:

Dan setelah anda menambahkan kode tersebut pada file style.css, selanjutnya anda bisa merubah font anda dengan cara mengganti font yang sudah ada di style css dengan font baru yang sudah anda dapatkan, untuk perintah penulisan font, di google webfont juga sudah disediakan, code tersebut berada di bawah seperti berikut.

style css google fontSaran : Jika anda ingin hasil yang lebih optimal pada kecepatan situs web wordpress anda, maka anda bisa menggunakan dua kode sekaligus, yaitu standart dan @import, tapi anda harus mendownload terlebih dahulu font tersebut jika ingin menggunakan cara standar.

Anda Terbantu artikel ini? Silahkan bergabung dengan centerklik di Twitter dan Google+.

Daftar isi Tutorial Wordpress Terlengkap Gratis
10 top hosting!

Register Now: TOP 10 Hosting

Dapatkan Hosting Murah dengan Kualitas Terbaik. For Serious Blogger! View Deals

Bluehost Hosting

$2.95/Month Free Domain, Unlimited Space & Bandwidth Get Host

iPage Hosting

$1.99/Month Free Domain, Unlimited Space & Bandwidth Get Host

SiteGround Hosting

$3.45/Month Free Domain, Unlimited Space & Bandwidth Get Host

WebHostingPad

$1.99/Month Free Domain, Unlimited Space & Bandwidth Get Host

Hostgator

$3.95/Month Free Domain, Unlimited Space & Bandwidth Get Host

Must Read...!
Apa Perbedaan Posts dan Pages WordPress

Seringkali pengguna WordPress baru bingung antara posting dan halaman (Post & Page). Secara default,...

Apakah Bisnis anda Perlu Sebuah Blog?

Bagaimana Anda tahu jika bisnis Anda membutuhkan sebuah blog atau tidak? Banyak mungkin orang...

Close