Wordpress Destek
Cufon Nedir ? Türkçeleştirme nasıl yapılır ?

Cufon Nedir ? Türkçeleştirme nasıl yapılır ?


Cufon ile sayfalarımızda istediğimiz fontu kullanabiliriz. Kullandığımız forum blog vs sistemlerin içinde hazır gelen Arial, Times New Roman vs fontlardan hepimiz bıktık malum. Cufon burada imdadımıza yetişiyor istediğimiz fontu bloglarımızda kullanmamıza yardımcı oluyor.  Cufon yaygınlaşmadan önce sIFR kullanılıyordu. Bildiğim kadarıyla sIFR ‘da fontlar flash dosyası şeklinde görünüyordu ancak Cufon ‘da resim gibi görünür.  Cufon nedir ve Türkçe desteği olmayan fontları nasıl Türkçeleştiririz bir bakalım.

  • Cufon kullanmaya başlamanın ilk şartı cufon-yui.js dosyasını indirmektir.
  • Şimdi kullanmak istediğimiz fontu windows fontları arasından yada internette bir font sitesinden seçerek masaüstümüze alalım.
  • Cufont Generator  adresine giderek Regular-Type kısmına fontumuzu gösteriyoruz. Diğer alanlarada fontun bold,italic dosyaları varsa gösterebilirsiniz.
  • The EULAs of these fonts allow Web Embedding (without Adobe Flash)  seçeneğini işaretli yapıyoruz.
  • Yine Punctuation seçeneğinide işaretleyelim.
  • Şimdi ; eğer kullanacağımız fontun Türkçe karakter desteği yoksa Türkçeleştirmek için ne yapacağız ?
  • .. and also these single characters   yazan alana Türkçe karakterlerimiz şu şekilde girelim – IıİıÇçÖöĞğŞşÜü –
  • Türkçe karakter desteği bulunmayan fontlara bu şekilde Türkçe karakterleri göstermesini öğretiyoruz.
  • Generate demeden önce son olarak I acknowledge and accept these terms.. seçeneğinide işareli hale getirelim ve
  • LET’s DO THIS !

Cufon font dosyamız hazır. Cufon dosyamızın uzantısı .js olacaktır. Şimdi gelelim Cufon fontu sayfamıza eklemeye.

head kodları arasına aşağıdaki şekilde ekleyebiliriz.

[php]

<script type=”text/javascript” src=”<?php bloginfo(‘template_url’); ?>/js/cufon-yui.js”></script>
<script type=”text/javascript” src=”<?php bloginfo(‘template_url’); ?>/js/font.js”></script>
<script type=”text/javascript”>
Cufon.replace(‘h2’, {
textShadow: ‘#999999 0.4px 0.4px’
});
Cufon.replace(‘ #rssoku h2,h3,h1,h4,legend’);
Cufon.replace(‘ #headline’);

Cufon.replace(‘#comments h3’, {
textShadow: ‘#fff 0.7px 0.7px’
});
</script>
<div id=”wpshdo_1″>
<div id=”wpshdi_1″>[/php]

Dip Not : Sayfalarınız UTF-8 olarak biçimlendirilmiş olmalıdır. Değilse Notepad++ gibi programla dönüştürebilirsiniz. Aksi takdirde Türkçe karakterler görünmeyecektir.
Teşekkürler. Sonraki yazıda görüşmek üzere..
Share this Story
Load More By Karabulut

Facebook Yorumarı

15 Yorumlar


  1. kulturelbellek

    09/23/2011 at 22:01

    Cufonlarla ilgili çok fazla forumlarda soru soruluyordu güzel bir çalışma olmuş. Tebrik ederim.

    Cevapla

  2. Şeyhmus

    09/24/2011 at 15:37

    Teşekkürler dostum, bir zamanlar bu paylaşımı çok aradım. Blogger arkadaşlar buna çok sevinecek 🙂

    Cevapla

  3. hin

    10/10/2011 at 20:26

    Ö ve Ü harfi oluyor fakat büyük "i,ş ve ğ" harfleri olmuyor?

    Cevapla

    • Karabulut

      10/11/2011 at 08:23

      Bazı fontlarda olmadığını bende farkettim ancak henüz bir çözüm bulamadım. Araştırmama rağmen farklı bir yol bulamadım. Font tercihimi değiştirmek zorunda kaldığım oldu. Bazı fontlara i,ş ve ğ desteğini ekleyemiyor sistem.

      Cevapla

  4. ozergul

    10/14/2011 at 14:22

    Güzel yazı teşekkrüler.Hep merak etmiştim resim gibi görünen başlıkları falan.Sormak istediğim soru şu: Seoyu etkiler mi?

    Cevapla

    • Karabulut

      10/14/2011 at 18:26

      Birçok sitede kullandım, seo konusunda hiçbir yanetkisi olmuyor. Yani başlıklardan dolayı sıralama düşüşü vs gibi bir olaya neden olmuyor. Rahat olun.

      Cevapla

  5. ozergul

    10/14/2011 at 18:40

    Tamam saolun

    Cevapla

  6. Pascal

    02/09/2012 at 13:25

    dediklerinizi aynen uyguladım ama Ş ve ğ gibi karakterleri kesinlikle göstermiyor ne yapmak lazım?

    Cevapla

    • Karabulut

      02/10/2012 at 13:04

      Malesef bazı fontlarda problem oluyor. Benimde bir kaç fontta yapamadığım olmuştu. Çözüm henüz üretemedim.

      Cevapla

  7. Webbu

    03/18/2012 at 16:26

    Çok yararlı bi paylaşım olmuş emeğinize sağlık

    Cevapla

  8. @ertasolgun

    06/05/2012 at 17:10

    tamam herşeyi yaptım tek sorun bu Cufon dosyasını sayfaya mı yapıştıracagım yoksa bir yere mi atmam gerekli onu bilemedim.

    teşekkürler yazı için güzel çalışma

    Cevapla

    • Karabulut

      06/05/2012 at 18:33

      Cufon.js dosyasını temanızın içine atmanız gerekiyor.

      Cevapla

  9. Oya Yildiz Alptekin

    06/25/2013 at 19:54

    Merhaba, ben daha olayin basinda takildim:) Butun gerekli dosyalari ve font cevirme islemlerini yaptim.

    (cufon-yui.js) dosyasini indirdim ama uygulamamin dizini neresi bilmedigim icin yukleyemedim.
    Yazdiginiz kodlarda degistirmek istedigim alanlari -ornegin blog basligi kayit basligi gibi- nasil belirtmeliyim? Bzen h1 h2 h3… gibi belirtmelerde oluyor ama bunlar nereyi isaret ediyor bilemiyorum?
    Ayrica UTF-8 dil kodlamasına nasil gecebilirim.

    Karsinizda ciddi bir caylak var simdiden cok tesekkur ederim.

    Cevapla

    • Karabulut

      07/01/2013 at 07:00

      Merhaba kullandığınız tema kalasöründe cufon klasörü varsa bu klasör içine atmalısınız. Eğer temanız zaten cufon destekli yapılmışsa bu klasör bulunur.Verdiğim kodları temanızın ana index dosyası ya da header.php içinde head etiketleri arasına yerleştirmelisiniz. Benim belirttiğim kodlarda cufon dosyalarının olması gereken klasör “js” olarak belirttim.

      Cevapla

  10. neTen

    10/06/2014 at 10:53

    çok işime yaradı karakter sorunu yaşadığım sitem için 2 günlük araştırmanın ardından size rastlamam büyük şans …teşekkürler …

    Cevapla

Bir Yorum Yaz

Your email address will not be published. Required fields are marked *

Bunu da okuyabilirsin

Dijital Pazarlamada Kohort Analizi (Cohort)

Cohort kelimesinin malesef dilimizde sözcük olarak tam karşılığı bulunmuyor. ...