Google Fonts ile sitenize yazı tipi ekleme [Resimli Anlatım]

Merhaba bugünkü konumuz Google Fonts sayesinde sitenize çeşitli yazı tiplerini barındırabileceksiniz. Google’ın kendi kullandığı Roboto yazı tipine de buradan ulaşabilirsiniz. Yapımı gerçekten çok basit olan bu paylaşımı yapmamın sebebi ilk başta kendim bulamayışımdı. Yani kendi sorunumdan yola çıkarak bu yazıyı paylaşmaya karar verdim.

Öncelikle Google Fonts Sitesine girelim.

 

Google Yazı Tipleri
Bu Sayfadan istediğiniz yazı tipini seçebilirsiniz. filtreleme veya arama seçenekleri ile daha fazla bilgi alabilirsiniz.

 

Google Yazı Tipleri
Örneğin Google’ın da kullanmış olduğu Roboto yazı tipini seçiyoruz.

 

Google Yazı Tipleri
Sağ üstten Select This Fonta tıkladığımızda sağ alta Family Selected bildirimi geliyor oraya girip ayarlamalarınızı yapabilirsiniz. Örnek Olarak;

Dışarıdan alacağımız sayfanın linkini css sayfamıza ekleyelim

Css kodunda yapacağımız düzenleme

Buraya Yazınız

(Roboto yazı tipi şu an sitemde kullandığım fonta yakın olduğu için Hanalei Fill adlı fontu kullandım)

Bu arada sitemize çektiğimiz linke ek olarak başka fontlar koyabiliyoruz örneğin “css?family=Hanalei+Fill|Roboto” yapınca hem roboto hem de hanalei yazı tipini farklı yerlerde kullanabiliyoruz.

 

Bu kodu css dosyasına veya sayfanıza yazarsanız tüm sitenin temel yazı tipi değişecektir.