Pernahkah anda bosan dengan style font yang ada pada sebuah website, pasti pernah ya, pernahkah anda berfikir apakah bisa di ganti font style yang ada di website kita dengan gaya yang kita inginkan, atau yang kita suka, tentu saja bisa ya teman-teman, bahkan dengan gaya penulisan latin pun bisa, oke disini kita akan belajar cara merubah font website dengan google font, kenapa saya memilih google font, nanti akan saya jelaskan.
Pertanyaan yang tadi saya tulis di atas kenapa harus google font pasti seperti itu ya, kenapa kita akan belajar cara merubah font website dengan google font, karena google font sendiri berasal dari perusahaan besar apa lagi nama google sendiri sudah tidak asing bagi kita yang sudah biasa mencari di search engine google, oke apa saja si yang di perlukan, tentu yang pertama harus ada jaringan internet ya teman-teman, karena kita akan langsung masuk ke website google font, jadi ketika kita ingin menampilkan font yang sudah kita rubah harus ada koneksi internet untuk mendownload sever font yang ada di google font, aduh nulis apa si mas, haha, nanti teman-teman jika sudah melihat dan masuk contoh prakteknya pasti juga lebih paham, oke tanpa basa-basi lagi mari kita buat :
pilih dengan klik tombol plus di pojok kanan atas, lalu klik tulisan yang ada di kotak bawah.
salin kode berikut ke struktur website kita. seperti ini:
<!DOCTYPE html> <html> <head> <title>cara merubah font website dengan google font</title> <link rel="shortcut icon" type="image/x-icon" href="oktober/favicon.ico"> <span style="color: #ff0000"><link href="https://fonts.googleapis.com/css?family=Nosifer" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet"></span> <-e-style type="text/css"> body{ background-color: #6EDAF8; } <span style="color: #ff0000">h1{ font-family: 'Nosifer', cursive; } p{ font-family: 'Lobster', cursive; }</span> a{ padding: 5px; background: #689F38; border-radius: 2px; border: 1px dotted #03CCFF; text-decoration: none; color: #fff; } a:hover{ background: #1450B9; color: #fff; } .container{ width: 800px; margin: auto; background: #fff; overflow: hidden; } img{float: left;} <-e-/style> </head> <body> <div class="container"> <h1>cara merubah font website dengan google font</h1> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. </p> <img src="september/ml.png"> <br> <a href="https://play.google.com/store/apps/details?id=com.mobile.legends">link download</a> </div> </body> </html>
Saya membuat dua style google font yang pertama lobster dan satu lagi nosifer, bagaimana hasilnya:
Bagaimana berhasil ya teman-teman, oke saya rasa cukup sampai disini dulu belajar kita tentang cara merubah font website dengan google font, semoga bermanfaat dan sampai jumpa pada artikel selanjutnya terimakasih.
The post Cara Merubah Font Website dengan Google Font appeared first on Kursus Website Terbaik.