30 Ağustos 2017 Çarşamba

Google Fonts İle Bloga Font Ekleme


Blog tasarımı ipuçlarıma tasarımın en önemli basamaklarından biriyle başlıyoruz! Belki daha önce bunun yapımını anlatan yazıyı daha önce gördünüz, belki görmediniz... Ama bir süre önce Google Fonts sitesi yenilendi ve bugün Yenilenmiş Google Fonts ile blogunuza yeni yazı tipleri eklemeyi göstereceğim.

Önce siteye bir bakalım...



Search: Bu kısımdan font adı aratabilirsiniz.

Categories: Serif, sert, köşeli; sans serif, yumuşak kenarlı; display, ilgi çekici, değişik yazı tipleri, handwritinig, el yazısı; monospace, eşaralıklı yazı tiplerinin kategorileridir. Burada istediğiniz stili seçerek seçenekleri aza indirebilirsiniz.

Languages kısmından Latin Extended'ı seçerseniz sadece Türkçe karakterleri destekleyen fontlar çıkar. 

Blog tasarımı içeriğinizi okuyuculara daha cazip kılmanın bir yöntemi... Bu yüzden fontu seçerken göz yormayan, sade ve temanızla uyumlu fontlar seçmeye çalışın.


Seçtiğiniz Fontu Blogunuza Ekleme

Artık fontumuzu seçtik, geriye blogumuza uygulamak kaldı! Fontu seçmek için yanındaki artıya basın. 1'den fazla font seçmeniz mümkün.


Blogun Html kodlarında <head> i buluyoruz. Ve üstüne Standard kısmındaki kodu ekliyoruz, sonunda aşağıdaki gibi slash ekliyoruz.

<link href="https://fonts.googleapis.com/css?family=Kalam|Marck+Script" rel="stylesheet"/>

İşiniz bittiğinde kod şu şekilde görünecek:




Fontu Bloga Uygulama

Specify in CSS kısmındaki kodları istediğimiz öğeye ekliyoruz. Örneğin kayıt başlıklarını yapalım.


Bu kadaar! Kafanızı kurcalayan bir yer olursa sormaktan çekinmeyin lütfen! ^^

Bir sonraki yazıda görüşmek üzere!


9 yorum:

  1. Thanks :) I'm gonna check

    YanıtlaSil
  2. Merhaba... bu yazınızı görünce çok sevindim, nihayet blogda farklı yazı tarzlarını deneyebileceğim diye.. dediklerinizin hepsini yaptım, maalesef olmadı. Yeni yayına girdim yazı tipini seçtim, herşey eskisi gibi :( ne olmuş olabilir?

    YanıtlaSil
    Yanıtlar
    1. Yazı yazma kısmındaki yazı tipi seçeneklerini mi diyorsunuz? Oraya font eklenmez zaten ama kodlardan ekleyebilirsiniz. HTML kısmından yani.

      <.div style="font-family: yazı tipinin adı"> YAZI şeklinde (div in önündeki noktaları silin)

      Sil
    2. Yazıların hepsinde o fontu uygulamak isterseniz temanızın CSS kodlarına,

      .post {
      font-family: yazı tipi adı;
      }

      şeklinde kodu yapıştırın.

      Sil
  3. Hıımm, anladım.. google neden hala orda bir yeniliğe gitmiyor anlamış değilim :(( benim tek istediğim yayınlarımda değişik farklı yazılar kullanmaktı.. çok teşekkür ederim ilginize.. güzel bir sayfanız var..takibe aldım.

    YanıtlaSil
    Yanıtlar
    1. Ne demek :) Bence de Google biraz daha kullanım kolaylığı sağlamalı.

      Sil
  4. Great post. Thank you for comment. I am follow you back. :)

    https://alexandarstanisavljevic.blogspot.rs/

    YanıtlaSil
  5. You're so helpful for me. Thanks <3
    I following you dear ;)
    xoxo
    NATALIEFASHION97

    YanıtlaSil

Yorumlar bir bloggerın en büyük motivasyonudur... kıps kıpss ;)

Tasarım: Moka