Cufon Font Teknolojisi..!

Merhaba arkadaşlar öncelikle ben Batuhan. Sizlere bugün Cufon Teknolojisini öğreteceğim.. Ayrıca bu Cufon Font Teknolojisi internette çok kullanılmaya başladı. Cufon Font Teknolojisi nedir? Tasarım çizerken bilgisayarınızda bulunan bir çok fontu seçebilirsiniz. Fakat bu tasarımı başkasının bilgisayardan bakanlar sizin tasarımı kodlarken seçtiğiniz font yerine yazıyı Verdana, Times New Roman veya Arial gibi fontlarda görür işte bu noktada Cufon Font Teknolojisi yardımınıza koşacaktır. Bence Cufon Font Teknolojisinin yardımını kabul edin :)



Öncelikle size kodu verelim;


<script type="text/javascript" src="http://www.fileden.com/files/2008/9/29/2120871//cufon-yui.java"></script> <script type="text/javascript" src="http://www.fileden.com/files/2008/9/29/2120871//font.java"></script> <script type="text/javascript">
Cufon.replace('h2', {
textShadow: '#999999 0.4px 0.4px'
});
Cufon.replace(' #rssoku h2,h3,h1,h4,legend');
Cufon.replace(' #headline');


Cufon.replace('#comments h3', {
textShadow: '#fff 0.7px 0.7px'
});
</script>





Şimdi arkadaşlar bu kodda
"http://www.fileden.com/files/2008/9/29/2120871//font.java"
kırmızı yeri bulun istediğiniz fontla değiştirebilirsiniz. Peki bunları nasıl yapacağım derseniz bunun için resimli anlatım yaptım..!


Resimli anlatım;
1- Öncelikle www.cufonfonts.com sitesine giriyoruz..!

2- www.cufonfonts.com sitesinden istediğiniz bir fontu seçip "Cufon Dosyasını İndir" butonuna tıklıyoruz..!

3- En alta inip "Fontu Cufon Olarak İndir" butonuna tıklıyoruz..!

4- İndirdiğiniz kodu .js olarak kaydedin.!

5- www.xooimage.com sitesine girin ve "dosya seç"e tıklayın. Masaüstündeki .js uzantılı dosyayı seçin ve "envoyer" butonuna basın. Çıkan sayfada alttaki url'yi kopyalayın üste yapıştırın. Sonra açılan sayfada Télécharger'e basın bir sayfa açılacak o sayfadaki url'yi kopyalayın!

6- Sitemizde aldığınız kodu bir yere yapıştırın ve Télécharger'e bastığımızda çıkan sayfadan aldığımız url'yi  "http://img74.xooimage.com/files/5/a/9/gnuolane.cufonfonts-320eba6.js" ile değiştirin.!


Son resimde wwebloog.com sundu yazıyor çünkü ben bu paylaşımı wwebloog.com'da yazar olduğum için paylaşmıştım oradan da kendi sitem olan bu siteme yükledim. (Hala da wwebloog.com'da yazarım!)