Cara Merubah Font Website dengan Google Font
Pernahkah sahabat bosan dengan style font yang terdapat di sebuah blog, pasti pernah ya, pernahkah sahabat berfikir apakah dapat di ganti font style yang terdapat di blog kita dengan gaya yang kita inginkan, atau yang kita suka, tentu saja dapat ya teman-teman, bahkan dengan gaya penulisan latin pun dapat, oke disini kita akan belajar cara merubah font blog dengan google font, kenapa saya memilih google font, nanti akan saya jelaskan.
Pertanyaan yang tadi saya tulis di atas kenapa mesti google font pasti seperti itu ya, kenapa kita akan belajar cara merubah font blog dengan google font, karena google font sendiri berasal dari perusahaan besar apa lagi nama google sendiri telah tak asing untuk kita yang telah lazimnya mencari di search engine google, oke apa saja si yang di perlukan, tentu yang pertama-tama mesti ada jaringan internet ya teman-teman, karena kita akan seketika masuk ke blog google font, jadi ketika kita ingin menampilkan font yang telah kita rubah mesti ada koneksi internet bagi mengunduh sever font yang terdapat di google font, aduh nulis apa si mas, haha, nanti teman-teman apabila telah melihat dan masuk contoh prakteknya pasti pun lebih paham, oke tanpa basa-basi lagi mari kita bikin :
pilih dengan klik tombol plus di pojok kanan atas, lalu klik tulisan yang terdapat di kotak bawah.
salin kode berikut ke struktur blog kita. seperti ini:
<!DOCTYPE html>
<html>
<head>
<title>cara merubah font blog 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 blog 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 sistem 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 unduh</a>
</div>
</body>
</html>
Saya membangun dua style google font yang pertama-tama lobster dan satu lagi nosifer, bagaimana hasilnya:
Bagaimana berhasil ya teman-teman, oke saya rasa lumayan hingga disini dulu belajar kita mengenai cara merubah font blog dengan google font, semoga bermanfaat dan hingga jumpa di artikel berikutnya terimakasih.
Sumber https://kursuswebsite.org
