Eyl
23
2011
23
2011
Cufon Nedir ? Türkçeleştirme nasıl yapılır ?
Yazar : 
2.426 Okunma
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.
<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">
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..
Cufonlarla ilgili çok fazla forumlarda soru soruluyordu güzel bir çalışma olmuş. Tebrik ederim.
Teşekkürler dostum, bir zamanlar bu paylaşımı çok aradım. Blogger arkadaşlar buna çok sevinecek
Ö ve Ü harfi oluyor fakat büyük "i,ş ve ğ" harfleri olmuyor?
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.
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?
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.
Tamam saolun
dediklerinizi aynen uyguladım ama Ş ve ğ gibi karakterleri kesinlikle göstermiyor ne yapmak lazım?
Malesef bazı fontlarda problem oluyor. Benimde bir kaç fontta yapamadığım olmuştu. Çözüm henüz üretemedim.
Çok yararlı bi paylaşım olmuş emeğinize sağlık