Web Sitenizde Google Font Kullanımı

Değerli dostlarım, bu yazımızda web sitemizde nasıl Google Font‘larını kullanacağız? onu öğreneceğiz. Öncelikle yapmamız gereken https://fonts.google.com/ linkine tıklayıp web sayfamızda kullanacağımız font’u belirlemek olacaktır.

Web sayfamızda kullanacağımız font’u seçtikten hemen sonra Css dosyamızı açıyoruz ve kullanmak istediğimiz font’u Css dosyamızın en üst kısmına dahil ediyoruz. Aşağıdaki kodu inceleyelim.

@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

html{
}

Bu işlemi yaptıktan sonra hangi Html elementinde font’u kullanacaksak font-family ile font’umuzu belirtiyoruz. Eğer font’umuzu tüm elementlerde kullacak isek Css dosyamıza Html elementini ekleyip font-family ile font’umuzu belirtmek olacak. Aşağıdaki kodumuzu inceleyelim.

@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

html{
 font-family: 'Lato', sans-serif;
}

Yukarıda yer alan örnek kodumuzda seçtiğimiz Google Font’unu Css dosyamıza dahil ettik ve tüm Html elementlerin de kullanılmasını istedik.

İşte bu kadar basit dostlar. Diğer bir Faydalı Bilgiler yazımızda görüşmek dileği ile.

2 yorum “Web Sitenizde Google Font Kullanımı

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Shares