Blog siteniz için Google Font kullanımı

0
578

Yazı yazmak kadar yazdığınız yazıların kullanıcılara güzel görünmesi de önemlidir. Bunun için iyi dizayn edilmiş bir tema yeterli olmayacaktır. Kullandığınız yazı fontları da blog amacınıza uygun olmalıdır. Yüzlerce ücretsiz fontu bünyesinde bulunduran Google Fonts ile bu ihtiyacınızı karşılamanız mümkündür. Blog siteniz için Google Font kullanımı hakkındaki bu yazım ile siz de kolayca wordpress blog sitenize bu fontları entegre edebilirsiniz.

Burada öncelikle bahsetmem gereken konu, site içerisindeki fontların tümü Türkçe karakterler içermediğinden seçim yaparken bu konuya dikkat edilmesidir. Bunun için de kolay bir yöntem bulunmaktadır. Google Fonts sayfasında aşağıda gördüğünüz ‘Preview Text’ kısmına Türkçe karakterleri içeren bir cümle yazdığınızda alt kısımda buraya yazdığınız cümlenin örneğini tüm fontlarda görebilirsiniz ve dolayısıyla Türkçeye uyup uymadığını test edebilirsiniz.

google-font-test

Benim bulabildiğim ve size yazabileceğim birkaç fontun listesini vereyim.

  • Alegreya Sans
  • Anaheim
  • Armata
  • Audiowide
  • Basic
  • Duru Sans
  • Inconsolata
  • Jockey One
  • Neuton
  • Open Sans
  • Open Sans Condensed
  • Oregano
  • PT Sans
  • PT Sans Caption
  • PT Sans Narrow
  • Quando
  • Source Sans Pro
  • Tinos
  • Trocchi

Font seçiminden sonra sıra geldi bu fontları sitemize eklemeye. Bunun için öncelikle font seçimi yapacağız, seçim yaptıktan sonra seçilen fontun aşağısında ‘Quick Link’ adındaki ikonu tıklayacak ve gerekli kodu alacaksınız.

google-font-hizli-kullanim

Bu ikonu tıkladığınızda Google size web sitenizde kullanabilmeniz için linki otomatik oluşturacaktır. Sizin yapmanız gereken bu kodu kopyalayarak sitenizin header.php dosyasına yapıştırmak olacaktır.

google-font-kodu

Bundan sonra yapılacak olan bu fontu kullanacağınız kısım için style.css içerisinde değişiklik yapmak olacaktır. Burada sadece bir font için ayarları yazdım, dilerseniz birkaç fontun seçimini yaparak ta 2 veya 3 font ile sayfalarınızı ayarlayabilirsiniz. Başlıkta bir font, içerikte bir font, menüde bir font vb şekilde dilediğiniz kısımda dilediğiniz fontu kullanabilirsiniz.

Bu şekilde bir font kullanımı eğer ileri düzey bir kullanıcı değilseniz size zor gelebilir. Bu sebepten eklenti ile Google Font kullanımı hakkında yazdığım yazıyı okuyarak bu işlemleri halledebilirsiniz.

Umarım faydalı oldu, evet diyorsanız paylaşın ki herkes öğrensin, bilgi paylaştıkça çoğalır, iyi bloglamalar…

Paylaşmak önemsemektir!