Cufon Nedir? Nasıl kullanılır? Karakter Sorunları Nasıl Çözülür?

Cufon Nedir? Nasıl kullanılır? Karakter Sorunları Nasıl Çözülür? Merhaba saygı kıymet takipçiler… Bu yazımında web projelerinizde kullandığınız (kod kısımlarında) cufon’dan bahsedeceğim. Web sayfalarımızda istediğimiz fontu kullanmamıza imkan verici Scalable Inman Flash Replacement’e seçenek şekilde sıkça karşılaştığımız bir teknik. Cufon’un sIFR’dan en önemli farkı metinleri bir flash dosyası bu gibi göstermeyip resim halinde göstermesi. Cufon Nasıl Kullanılır? * Cufón’un aslını yapan Javascript dosyasını (cufon-yui.js) http://cufon.shoqolate.com/js/cufon-yui.js adresinden indirip uygulamanızın dizinine yükleyin. ——————————————————— * Kullanmak dilediğiniz ova tipini Windows/Fonts klasörü dışında bir klasöre kopyalayın. (Örneğin masaüstüne kopyalabilirsiniz) ——————————————————— * http://cufon.shoqolate.com/generate/ adresine gidin. ——————————————————— * Seçtiğiniz fontu, Regular typeface yazan yere, cufon font dönüştürücüye yükleyin. ——————————————————— * The EULAs of these fonts allow Web Embedding (without Adobe Flash) yazan noktayı seçili yapın. ——————————————————— * Aşağıdan Punctuation yazan noktayı de seçili duruma getirin. Bu işlem ile fontunuza noktalama işaretlerini eklemiş olacaksınız. ——————————————————— * .. and also these single characters yazan yere Türkçe karakterleri (IıİıÇçÖöĞğŞşÜü harflerini) girin. Böylece fontumuz Türkçe karakteri desteklemiyor olsa bile, bu karaterleri girdikten sonra bundan sonra Türkçe destekli duruma gelecek. ——————————————————— * Security bölümünde, Limit usage to the following domain(s) bölümüne web sitenizin tam adresini yazarsanız, sitenizden kullandığınız fontu indirenler, öbür yerde fontu kullanamazlar. Bu kısım isteğinize bağlıdır. Bu kısmı doldurarak lisanslı fontunuzun başka sitelerde kullanılmasını engellemek amacıyla kullabilirsiniz. ——————————————————— * I acknowledge and accept these terms yazan yeride seçili duruma getirip LET’S DO THIS! butonuna tıklıyoruz. Fontunuz bir javascripts dosyasını dönüştürülecek ve size indirmeniz için verecek. Eveet bütün bu işlemlerimizin ardından dizi geldi bu kodları web sayfamıza eklemeye. Web Sayfamızıntag’leri (etiketleri) arasına aşağıdaki kodu ekliyoruz. 1   <script type=”text/javascript” src=”/js/cufon-yui.js”></script> 2   <script type=”text/javascript” src=”/js/font.js”></script> üç   <script type=”text/javascript”> 4        Cufon.replace(‘h2’, { 5                textShadow: ‘#999999 0.4px 0.4px’ altı            }); 7        Cufon.replace(‘ #rssoku h2,h3,h1,h4,legend’); 8                Cufon.replace(‘ #headline’); 9  on        Cufon.replace(‘#comments h3’, { 11                textShadow: ‘#fff 0.7px 0.7px’ 12            }); 13   </script> // <![CDATA[ 4 Cufon.replace(‘h2’, { 5 textShadow: ‘#999999 0.4px 0.4px’ altı }); 7 Cufon.replace(‘ #rssoku h2,h3,h1,h4,legend’); 8 Cufon.replace(‘ #headline’); 9 on Cufon.replace(‘#comments h3’, { 11 textShadow: ‘#fff 0.7px 0.7px’ 12 }); 13 // ]]&gt; Cufon’da Türkçe Karakter Sorununun Çözümü? Cufón kullanması kısmında Font dönüştürme işleminde 7. sırada belirttiğim bu gibi .. and also these single characters yazan yere Türkçe karakterleri (IıİıÇçÖöĞğŞşÜü harflerini) girmemiz gerekiyor. Bu sayede oluşturulacak javascript dosyasına Tükçe karakterleri görüntülemek için kod eklenmesini sağlayacağız. Arkadaşlar sn şekilde şunu da söyleyelim; Dil kodlaması UTF-8 olmalı ve dosyalarımız UTF-8 ira seti ile biçimlendirilmiş olmasına dikkat etmeliyiz. Yoksa Türkçe karakterle görünmez.


Yapılan Yorumlar
Erdem OFLAZ

Bir mum, diğer mumu tutuşturmakla ışığından bir şey kaybetmez.
 Kategoriler
 Popüler yazılar