Anonim

Cufon bir javascript kütüphanesidir. Kod tabanında sIFR ile ilgisi yoktur, ancak aynı şeyi Flash dosyalarına ihtiyaç duymadan gerçekleştirir. Ayarlanması yaklaşık 5 dakika sürer ve ardından tekrar dokunmanıza gerek yoktur. Daha kolay olamazdı ve web sitenizin görünme şekli üzerinde büyük bir etkisi olabilir.

Nasıl çalışır

İlk adım, fontunuzu Cufon web sitesi aracılığıyla göndermektir. Yazı tipini bir SVG (ölçeklenebilir vektör grafiği) yazı tipinde işlerler. Daha sonra yollar, VML'ye (vektör işaretleme dili) işlenir, bu da IE'deki Cufon hızını büyük ölçüde arttırır. Elde edilen veriler daha sonra JSON'a kodlanır ve işleme için Cufon tanımlı bir işleve geçirilir ve sihrin olduğu yer burasıdır.

Cufon Örnekleri

İlk önce, Cufon web sitesine gidin ve yazı tipi dosyanızı işlenmek üzere gönderin. İndirmeniz için bir .js dosyası tükürecektir. Cufon'un metni seçtiğiniz yazı tipine çevirmesi için bu dosyaya sahip olmalısınız.

Sonra, hem cufon-yui.js dosyasını hem de oluşturulan font javascript dosyasını ekleyin. Sonuncusu sadece bir metni bir sınıfa sarmak ve o sınıfın adı etrafında bir Cufon değişimini başlatmak. Tam kod aşağıda:

Bu, Molot fontundaki metindir.

Sonuçlar:
Bu, Molot fontundaki metindir.

Cufon Lineheight

Satır yüksekliğine sahip tüm tarayıcılarda, muhtemelen düzeltilmeyecek bilinen bir sorun var

Cufon.now ()

IE’de daha iyi bir görüntüleme deneyimi için, gövde etiketinden hemen önce Cufon.now () işlevini çağırmanız önerilir. Bu, sayfa yüklenirken oluşabilecek anlık bir blip ile ilgilenir ve ardından font yüklenir.

IE9 Sorunları

Bu gönderiden sonra, IE9’un bazı sürümlerinde bazı sorunlar vardı, bu sorunları çözmek için çalıştıklarını biliyorum ve yakında bu sorunları gidermek üzere bir sürüm yayınlamayı umuyorlar.

Cufon font değişimi ile stil fontları