Google Fonts Nedir? Nasıl Kullanılır?

Google Fonts Nedir? Nasıl Kullanılır?

Web tasarım kodlama aşamasında tüm bilgisayarlarda aynı güzellikte açılması çok önemlidir. Fontlar ise bir web sitesi için en çok dikkat edilen unsurlardan biridir. Web sayfamıza dahil ettiğimiz fontun kullanıcılarda doğru ve sağlıklı bir şekilde görüntülenebilmesi için font dosyalarını sunucumuza dahil etmemiz ve satırlarca kod yazmamız lazım.

 

Yıllar önceye gittiğimizde Cufon ile bu sorunu çözebiliyorduk. Fakat Cufon’da belli bir zaman sonra avantajını yitirdi. İşte tam bu noktada Google Fonts servisi bizi büyük bir zahmetten kurtararak basit bir şekilde sitelerimizde istediğimiz fontu kullanmamızı sağladı.

 

Google Fonts Nedir?

 

Google'un popüler fontları kendi sunucusunda barındırarak kullanıcılara ücretsiz sunduğu bir font servisidir.

 

Nasıl Kullanılır?

 

Google Fonts adresini ziyaret ettiğimizde en fazla kullanılan fontlar listelenmiş bir şekilde karşımıza çıkacaktır. Beğendiğimiz font üzerindeki “ + “ butonuna tıklıyoruz.

 

 

Açılan sayfada gerekli ayarları yapıyoruz. İlk olarak kullanacağımız fontun kalınlık/italik değerlerini belirliyoruz.

 

 

Bize verilen kodlardan herhangi birini (HTML/CSS/JS) seçerek sayfamıza dahil ediyoruz. ( head tagleri arasına yazılamasını öneririz. )

 

 

Ne kadar çok font opsiyonu eklerseniz yüklenmesi daha uzun sürecektir. Bu nedenle 1 font ve 3 kalınlık alternatifi kullanmanızı öneriyoruz.

Sosyal Medya & Dijital Pazarlama Hizmetlerimizi İncelediniz mi?

Pazarlama her zaman kitlenizle doğru yerde ve doğru zamanda bağlantı kurmakla ilgilidir. Bugün, bu, onlarla zaten zaman harcadıkları yerde buluşmanız gerektiği anlamına geliyor: internette.

İlginizi çekebilir...
Dijital Pazarlama Instagram Reels Nedir? Nasıl Kullanılır?
Instagram, kısa biçim video özelliği olan Reels'ı İngiltere'de kısa süre önce piyasaya sürdü.   Bu özellik, 50'den fazla ülkede uluslara...
Web Yazılım SMTP 554 Hata Kodları ve Açıklamaları
SMTP E-mail gönderimleri sırasında oluşan 554 hata kodları ve açıklamaları aşağıda yer almaktadır. Gönderim sırasında yaşadığınız sorunları buradaki h...
Lokmades Neon Tabela firmasına yapmış olduğumuz projeyi incelemek istemez misiniz ?