CARA MEMASANG GOOGLE FONT / GOOGLE WEB FONT
CARA MEMASANG GOOGLE FONT / GOOGLE WEB FONT – Tutorial cara memasang google font untuk mempercantik tampilan blog sehingga enak dipandang mata dan eye catching. Google telah menyediakan beberapa jenis font untuk dipasang di webpage blog maupun website. Variasinya juga sangat beragam. Sampai saat saya menulis artikel ini jumlahnya sudah 613 jenis font family.
![]() |
cara memasang google web font |
TUTORIAL CARA MEMASANG GOOGLE WEB FONT
Bagaimana cara memasang google web font di halaman blog/website yang kita punya? berikut ini tutorial singkatnya:
1. Buka url http://www.google.com/webfonts, pilih font yang akan dipasang sesuai selera
2. Untuk jenis font header disarankan memilih menu poster kemudian muncul tampilan berikut ini
![]() |
google web font |
3. Arahkan mouse pada font yang akan dipilih, lalu klik tanda panah kesamping,
4. Setelah itu akan ada tampilan dibawah ini, cari kode yang ada pada gambar
![]() |
kode google web font |
5. Masukan kode <link href=’http://fonts.googleapis.com/css?family=Grand+Hotel’ rel=’stylesheet’ type=’text/css’> di dalam tag <head>
6. Jangan lupa memasang font family pada div atau header yang akan diganti jenis fontnya dengan menggunakan kode font-family: ‘Grand Hotel’, cursive;
7. Atur ukuran font dengan font-size:30px; setelah itu save template
Demikian CARA MEMASANG GOOGLE FONT / GOOGLE WEB FONT semoga bisa mempercantik tampilan blog kamu. Salam Blogger