Tips and Knowledge


Cara Mudah Menggunakan Google Fonts

Wednesday, 13 Jul 2016 - 15:52


Menciptakan sebuah desain website tentu akan terasa hambar apabila font yang digunakan tidak kita perhatikan desain nya, lantas bagaimana caranya agar font yang digunakan di desain web kita terlihat sempurna? Ada beberapa font yang memang bisa kita gunakan secara default di HTML, seperti Arial, Times New Roman, dan lainnya, namun setiap individu memiliki selera masing - masing. Nah di artikel kali ini Linkincube akan memberikan cara merubah dan menggunakan Google Fonts.


Pengertian Google fonts

Apakah kamu sudah tahu tentang google fonts? Google fonts adalah salah satu produk google yang sangat bermanfaat bagi para web desainer. Di google fonts kita bisa melihat banyak pilihan font yang keren yang bisa kita aplikasikan pada proyek kita, baiklah bagi para pemula mari kita simak bareng – bareng.


Cara Menggunakan Google Fonts

Langkah pertama: silahkan buka Google Fonts, atau klik tautan berikut ini:

http://www.google.com/fonts




Langkah kedua: Jika sudah di buka akan terlihat banyak font, silahkan kamu pilih font yang ingin kamu inginkan, caranya dengan memilih font yang bernama Open Sans, kemudian klik tombol Quick-Use.



Langkah ketiga: Kemudian kamu akan di bawa ke halaman Quick Use.Silahkan kamu scroll kebawah hingga kamu melihat kode CSS dan kode HTML



Langkah keempat: Sudah lihat kod HTML yang ada pada gambar tersebut? Copy kode tersebut dan paste di bawah kode head atau bisa juga di bawah kode title.


Langkah kelima: Selanjutnya copy kode CSS tersebut di kode CSS milik kamu, kemudian coba lihat hasilnya, apakah sudah sesuai yang kamu inginkan.



Baca Juga: Cara Mudah Mendaftarkan Website Di Webmastertools


Nah itu dia tutorial cara menggunakan google fonts, dengan adanya cara ini semoga dapat lebih memperindah lagi penampilan website kamu, semoga artikel ini bermanfaat untuk kamu dalam membangun website yang lebih bagus dan berkualitas.



BERITAKAIT




Subscribe Via Email


Enter Your Email and Get Free Update of Linkincube


TAG TERPOPULER



LIKE US ON FACEBOOK


FOLLOW ME ON TWITTER