Cufón Hakkında

25 Haziran 2012

Cufón, web-safe olmayan fontların web sayfalarında kullanılabilmesi için üretilen, herhangi server-side bir dile ihtiyaç duyulmadan kullanılabilecek tekniklerden biri. İnanılmaz basit ve kullanışlı olması, Cufón’u diğer tekniklerden bir adım öne çıkartıyor. Internet Explorer için Vector Mark-up Language‘ı, diğerleri için de HTML5‘in Canvas özelliğini kullanarak fontları render ediyor.

Cufón’u web sitemizde kullanabilmek için, kendi anasayfasında bir font dönüştürme aracı bulunuyor. Bu araç, yüklediğiniz fontu SVG, yani JavaScript ile oluşturulmuş vektörel bir formata dönüştürüyor. Bu sayede kolayca HTML sayfalarımızda kullanabiliyoruz. Nettuts+ yazarlarından Jeffrey Way‘in Cufón rehberinde web sayfamızda nasıl kullanabileceğimize dair bir eğitseli bulunuyor. Yazının sonundaki Kaynaklar adlı bölümde bazı bağlantılar paylaştım. Buradan çok daha detaylı bilgi alabilirsiniz.

 

Çok az sayıda dezavantajı olsa da web geliştiricileri arasında en çok tercih edilen tekniklerin başında geliyor. Internet Explorer 6 dahil tüm tarayıcılarda çalışıyor. CSS ile direkt olarak stil verilebiliyor. Hız yönünden, sIFR tekniğinden daha hızlı. Aşağıda Cufón’un bazı avantaj ve dezavantajlarını listeledim. Listeye, yorumlarınız ile katkıda bulunabilirsiniz.

Avantajları:

  • Web tarayıcıları sorunsuzca çalıştırıyor.
  • sIFR tekniğinden 100 kat daha pratik.
  • FLIR gibi hiçbir sunucu taraflı (server-side) bir dil ile uğraşmıyorsunuz.
  • Belirli karakter setleri (ABC, 123, vs.) seçmenize olanak sağlıyor.
  • CSS ile istenilen şekle, boyuta getirilebiliyor. (Renk, boyut, gölgelendirme vs.)
  • 2 dakika içerisinde hazır hale getirilebiliyor.
  • Yüklediğiniz fontu yalnızca kendi alan adınız üzerinde çalıştırabiliyorsunuz.

Dezavantajları:

  • Üretilen yazı seçilebilir değil. (En önemli yanlarından biri)
  • Performans açısından başlıklar haricinde fazla kullanmak sayfamızın ağırlaşmasına neden olabiliyor.
  • JavaScript tabanlı. Web tarayıcıları ayarlarından bu seçenek pasifleştirilirse Cufón çalışmıyor.
  • Bazı ekstra eklemeler gerektiriyor. (text-decoration, hover vs.)

Cufón, GitHub repolarında geliştirilmeye ve açık kaynak olarak sunulmaya devam ediyor.

Kaynaklar

The Web Designer’s Guide to Font Replacement Methods – on Tuts+
The Easiest Way to Use Any Font You Wish – on Tuts+
VML (Vector Markup Language) – on Wikipedia
The Easiest Way to Use Any Font You Wish

 

Comments of this post

Sanalice

Sanalice
26 Haziran 2012

Cufon sistemi yavaşlatabiliyor bazen

ParlakTeneke

ParlakTeneke
26 Haziran 2012

Cufon'u ben de kullanıyorum,tek sevmediğim yönü kopyalamada zorluğu.