Varsayılan yazı tipi listesinde bulunanların da dışında kullanmak istediğimiz yazı tipleri olduğunda başvurduğumuz bir teknoloji var; Cufon! SıFR gibi flash dosyalara ihtiyaç duymayan ve bir javascript desteğiyle çalışan Cufon, istediğiniz yazı tipini "Türkçe karakterler dahil" sitenizde kullanmanıza olanak tanır. Tüm tarayıcılarda sorunsuz bir şekilde çalışır, kalite düzeyini yeniden yapılandırabilir ve kendisinden başka hiçbir şeye ihtiyaç duymaz.
Kurulum ayrıntıları için makalenin devamını inceleyin.

Kurulum ayrıntıları


  • (cufon-yui.js) dosyasını [Linkleri Görmek İçin Ücretsiz Üye Olun] ve uygulama dizininize yükleyin. (Joomla için > templates > sitetemplate > js)
  • Kullanmak istediğiniz yazı tipini masaüstüne kopyalayın.

Kopyaladığınız yazı tipi regular ise, diğer alternatiflerini de ekleyebilirsiniz. Regular, Italic, Bold Italic ve Bold türleri de mevcutsa, onları da masaüstünde hazır bulundurun...

  • [Linkleri Görmek İçin Ücretsiz Üye Olun] ve yazı tip(ler)inizi uygun kutucuklara yerleştirin.
  • The EULAs of these fonts allow Web Embedding (without Adobe Flash) kutucuğunu işaretleyin.
  • .. and also these single characters” şeklinde başlayan kutuya Türkçe karakterleri de ekleyin. ğĞçÇöÖıİüÜşŞ
  • I acknowledge and accept these terms kutucuğunu da işaretleyin veee Let's do this!


  • Yazı tiplerinin javascript dosyası size sunulduktan sonra masaüstüne onu da kaydedin ve yine uygulama dizininize yükleyin.
  • Uygulamanızın head etiketi arasına aşağıdaki şu kodları kopyalayın.


<script src="/cufon-yui.js" type="text/javascript"></script>
<script src="/Myriad.font.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('h1');
</script>

cufon-yu.js ve Myriad.font.js dosya yollarını, kendinize göre yeniden özelleştirin. Bu js dosyalarının doğru yolunu girmeniz gerekmektedir.


Bu adımları başarıyla tamamlamışsanız, h1 etiketine hasıl olan yazılar özelleşecek ve Cufon desteğiyle bundan sonraki yaşamlarına devam edeceklerdir. Sadece h1 değil, başka etiketlerin de etkilenmesini istiyorsanız, Cufon.replace('h1, h2'); gibi durumu uzatabilirsiniz.
Selamlar.