Öncellikle cufon nedir?
- Cufon, web sayfalarımıza zevkimize göre istediğimiz yazı tiplerini(font) kullanmamızı sağlar. Hemen canlı örnekte vereyim. Bu makalenin başlığı örneğin Hobo Std adında bir font. javascript olduğu için normal bir metnin görüntülenmesi kadar hızlıdır. Ayrıca Türkçe karakterlerde ekleyebiliyoruz. Türkçe karakterlerde problem yok yani. Tüm tarayıcılarda uyumlu bir şekilde çalışmaktadır. Güzel bir uygulama herkeze tavsiyemdir. Şimdi kuruluma geçelim.
- Kurulum
- İlk yapmamız gereken cufon-yui.js dosyasını indirip kullanacağınız site dosyalarının içine atın. Daha sonra kullanmak istediğiniz yazı fontunu belirledikten sonra şu sayfaya gidin. Ve belirlediğiniz yazı tipini bilgisayardan seçin.
Not:Yazı tipiniz Windows/Fonts klasörü dışında olsun.- Seçtikten sonra “.. and also these single characters” alanına şu Türkçe karakterleri girin.ğĞçÇöÖıİüÜşŞ The EULAs of these fonts allow Web Embedding (without Adobe Flash) ve I acknowledge and accept these terms yazan kutuları mutlaka işaretleyin.
- Bu işlemleri yapıp Let's do this dedikten sonra size yazı tipiniz adında bir javascript dosyası vericektir. Örn: Hobo_Std_500.font.js bu dosyayı da dosyalarınızın içine atın. Şimdi javascript olarak oluşturduk. Bunu kullanmaya sıra geldi.
head taglarınızın arasına
ekleyerek artık h1 taglarını kullanarak fontunuzu kullanabilirsiniz. Tabi o kodlarda hobo_std_500.font.jsyi kendinize göre değiştireceksiniz. Tam bir bütün kod olarak ta inceleyelim. Bazılarınız anlamayabilir. Çünkü ilkten bana da çok karışık gelmişti.
Not: Virgül koyarak(Cufon.replace('h1,h2,h3');) h2 ve h3 kodlarına da uygulamayı yapabilirsiniz. Bir hatırlatma daha sayfalarınız UTF-8 kodlamasında kodlanmalı. Benden bu kadar. Bundan sonrası sizin elinizde. Herkese kolay gelsin..
0 yorum: