fwebmaster
  sitecufon ekle
 


Merhabalar.Öncelikle Cufon’un ne olduğundan bahsedelim biraz.Cufon; web sayfalarında bize daha çok font özgürlüğü tanıyan bir eklentidir.Gelelim web sitemize bu özelliği eklemeye. Başlıkta da bahsettiğim gibi kolayca ekleyeceğiz. Normalde Cufon’u eklemek için yaklaşık yarım saat – 45 dakika civarı uğraşmamız gerekiyor. Fontu Cufon yapmak, Türkçe karakter hatalarını düzeltmek, js kodunu eklemek vs gereğinden fazla vaktimizi alıyordu. Ancak Cufonfonts isimli servis sayesinde biz tüm bu işlemleri yaklaşık 5-10 dakika arasında yapacağız.İlk işlem olarak Cufon fontumuza karar vermemiz gerekiyor. Türkçe destekli Cufon fontları için burayı ziyaret ediyoruz. Yaklaşık 9288 adet font var. Artık isterseniz günlerce font seçin isterseniz ilk karşınıza çıkanı ekleyin sizin sorununuz orası.
____________________________________________________________

Ben örnek olarak Springsteel Light fontunu kullanacağım. Font ismine tıkladığınızda açılan sayfada sekmelerin sonunda “Cufon Kitini İndir” bağlantısına tıklıyoruz ve karşımıza bir takım seçenekler geliyor. Ben tüm karakterler çıkması için All seçeneğini işaretliyorum. Bir de altta Custom kısmı var oraya da “ÜüĞğŞşİiIıÇçÖö” yazıyorum (tırnaklar yok) ne olur ne olmaz sonradan tekrar uğraşmayalım diye tek celsede bitiriyorum işi . Yasal sorumlulukları kabul ettikten sonra “Cufon fontu olarak indir“e tıkladığımızda springsteel-light.cufonfonts.js adında bir dosya indiriyoruz. Şimdilik bu dosya dursun. İlk adımımızı tamamladık. Sıra geldi indirdiğimiz js dosyasını sitemize tanıtmaya. Daha da doğrusu artık istediğimiz etiketlere şekil vermeye .


<script type="text/javascript" src="http://sebekenet.tk/cufon-sn.js"></script>
<script src="springsteel-light.cufonfonts.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('h2', {
});
Cufon.replace(' #rssoku h2,h3,h1,h4,legend');

Cufon.replace('#comments h3', {
});
</script>

Daha sonra yukarıdaki kodu tasarımın herhangi bir yerine yapıştırdıktan sonra artık sizinde sitenizde cufon olacaktır..




Bu sayfa hakkındaki yorumlar:
Yorumu gönderen::31.05.2012, 16:52 (UTC)
fwebmaster
fwebmaster
Kapalı

Yorum Bırakın Lütfen!



Bu sayfa hakkında yorum ekle:
İsmin:
E-mail adresin:
Siten:
Mesajınız:

 
   
 
=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=