Merhaba değerli Kodlama Vakti takipçileri, bu dersimizde CSS Google Font Kullanımı konusunu öğreneceğiz.
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 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 ç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>
Not: Birden çok yazı tipi istemek web sayfalarınızı yavaşlatabilir! Bu yüzden dikkatli olun.