Cara Mengunakan Google Font Pada Website Agar Lebih Menarik
Pada pembuatan sebuah webdesign pengaturan font sangat berpengaruh
kepada tampilan atau isi dari website tersebut, biasanya web desaigner
akan memadukan warna dasar website ke font, tujuannya untuk apa? Agar
tampilan website tidak kaku dan tidak terlihat norak dan enak untuk di
kunjungi, untuk pemula mungkin agak bingung yah dalam menentukan jenis
font
apa yang untuk digunakan di website biar gak norak dan terlihat bagus, berikut adalah jenis jenis font yang saya recomendasikan untuk teman teman dan cara penggunaannya di website, oke langsung saja kita memulai, caranya mudah sekali untuk menampilkan google font pada website teman teman bisa ikut langkah berikut :
1. Buka https://fonts.google.com/
2. Pilih jenis font yang diinginkan
3. klik tombol tambah di pojok kanan
4. maka akan seperti ini
5. Copykan link untuk menyambungkannya, atau bisa juga untuk didownload dan jika ingin menambahakan jenis font bisa tambahkan lagi dan masukkan link yang baru diatas .
6. Buat File index.html
7. lalu masukkan script dibawah sini :
apa yang untuk digunakan di website biar gak norak dan terlihat bagus, berikut adalah jenis jenis font yang saya recomendasikan untuk teman teman dan cara penggunaannya di website, oke langsung saja kita memulai, caranya mudah sekali untuk menampilkan google font pada website teman teman bisa ikut langkah berikut :
1. Buka https://fonts.google.com/
2. Pilih jenis font yang diinginkan
3. klik tombol tambah di pojok kanan
4. maka akan seperti ini
5. Copykan link untuk menyambungkannya, atau bisa juga untuk didownload dan jika ingin menambahakan jenis font bisa tambahkan lagi dan masukkan link yang baru diatas .
6. Buat File index.html
7. lalu masukkan script dibawah sini :
<head>Jika semua sudah simpan, cukup mudah bukan? Maka hasilnya seperti ini
<link href="https://fonts.googleapis.com/css?family=Dancing+Script|Fjalla+One|Josefin+Sans" rel="stylesheet">
<style type="text/css">
.satu { font-family: 'Fjalla One', sans-serif; color: red; font-size: 40px }
.dua { font-family: 'Josefin Sans', sans-serif; font-size: 40px; color: blue; }
.tiga { font-family: 'Dancing Script', cursive; font-size: 40px; color: green }
</style>
</head>
<body>
<p class="satu">ini adalah jenis font Fjalla One dari google font</p>
<p class="dua">ini adalah jenis font Josefin Sans dari google font</p>
<p class="tiga">ini adalah jenis font Dancing Script dari google font</p>
</body>
Tidak ada komentar :
Posting Komentar