Wordpress Destek
Cufon Font Türkçeleştirme

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
  • Cufon Font Türkçeleştirme
    Wordpress Destek

    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 ...
Load More Related Articles

Facebook Comments

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.

    Reply

  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 🙂

    Reply

  3. hin

    10/10/2011 at 20:26

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

    Reply

    • 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.

      Reply

  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?

    Reply

    • 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.

      Reply

  5. ozergul

    10/14/2011 at 18:40

    Tamam saolun

    Reply

  6. Pascal

    02/09/2012 at 13:25

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

    Reply

    • 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.

      Reply

  7. Webbu

    03/18/2012 at 16:26

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

    Reply

  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

    Reply

    • Karabulut

      06/05/2012 at 18:33

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

      Reply

  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.

    Reply

    • 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.

      Reply

  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 …

    Reply

Bir eleştiri yaz

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

Hakkımda


2010 yılından bu yana blog yazıyorum.


Dijital İş Geliştirme, Dijital Pazarlama, Medya ve Algı Yönetimi, İnternet Reklamcılığı, Web Geliştirme üzerine profesyonel olarak çalışmalar yürütüyorum.


Teknovol 'de kurucu ve yönetici olarak profesyonel iş hayatına devam ediyorum. İnterneti severek ve internetin daha güzel bir alan olmasına yönelik olarak seçici davranarak, yalnız maddi kaygı değil değer ve anlam katmayı da düşünerek güzel işler yapıyoruz.