Sitemizde Özel Yazı Tipi Kullanalım (CSS)

Web çalışmalarımızda istediğimiz yazı tipini (font) kullanabilmek için faydalanabileceğimiz yöntemlerden biri de TypeFace tekniğidir.

Bu tekniği kullanabilmek için öncelikle http://typeface.neocracy.org/ adresindeki “Download” sayfasından typeface-0.15.js dosyasını indirelim.

İndirdiğimiz typeface-0.15.js dosyasını aşağıdaki gibi sayfamızın <head></head> etiketleri arasına ekleyelim.

&amp;lt;script type=&amp;quot;text/javascript&amp;quot; src=&amp;quot;typeface-0.15.js&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;

Yukarıdaki kodda src bölümünün typeface-0.15.js dosyasının konumuna göre yazılması gerektiğini de unutmayalım.

Şimdi de kullanmak istediğimiz fontu çevirmeliyiz. http://typeface.neocracy.org/ adresindeki “Fonts” sayfasına girelim ve sayfanın en altındaki Convert a Font bölümünden Göz At’ a tıklayıp kullanmak istediğimiz fontu seçip Convert Font’ a tıklayalım. Açılan sayfadan en atta Download Font’ a tıklayalım. İndiriğiniz dosya html/htm uzantısıyla inecektir, dosyanın uzantısını js yapalım ve aşağıdaki gibi <head></head> etiketleri arasına ekleyelim. Kullanmak istediğimiz fontun Türkçe karakter destekli olması gerekir; yoksa Türkçe karakterlerde sıkıntı çekeriz.

&amp;lt;script type=&amp;quot;text/javascript&amp;quot; src=&amp;quot;indirdiğiniz_dosya_neyse.js&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;

Şimdi, şu şekilde istediğimiz alanı özel fontumuzla kullanabiliriz.

&amp;lt;p class=&amp;quot;typeface-js” style=”font-family:Font_İsmi&amp;quot;&amp;gt;Özel font kullanılarak yazılmış bir yazıdır bu.&amp;lt;br /&amp;gt;&amp;lt;/p&amp;gt;

Font_İsmi bölümünün doğru değeri için js dosyası haline çevrilmiş, typefacejs.neocracy.org’ dan indirdiğimiz dosyayı -mesela Notepad++ ya da Notepad ile- açıp font_family_name karşısındaki değeri yazmalısınız.

Buradaki örneğin kaynak kodlarını da inceleyebilirsiniz.