HTML'de standart yazı tiplerinden herhangi birini kullanmak istemiyorsanız, Google Font kullanabilirsiniz.Google Font kullanımı ücretsizdir ve aralarından seçim yapabileceğiniz 1000'den fazla yazı tipi vardır.
Google Font Nasıl Kullanılır ?
Google Font sitemize eklemek için, head etiketi arasına Google Font'u eklememiz yeterlidir sonrasında CSS içerisinde o fontun ismini kullanabiliriz.
<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sofia">
<style>
body {
font-family: "Sofia", sans-serif;
}
</style>
</head>
<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Trirong">
<style>
body {
font-family: "Trirong", serif;
}
</style>
</head>
Birden Fazla Google Font Eklemek
Birden çok Google yazı tipini kullanmak için yazı tipi adlarını bir dikey çizgi karakteriyle (|) ayırmanız yeterlidir, örneğin:
<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Audiowide|Sofia|Trirong">
<style>
h1.a {font-family: "Audiowide", sans-serif;}
h1.b {font-family: "Sofia", sans-serif;}
h1.c {font-family: "Trirong", serif;}
</style>
</head>
Birden çok yazı tipi istemek web sayfalarınızı yavaşlatabilir! Bu yüzden dikkatli olun.
Sorular (0)