İsmail Bayram > > CSS’te Font Yükleme

Eki
19
Kategori :
Tarih : 19.10.12
Görüntülenme : 415
Yorum : 2

CSS’te Font Yükleme

css

Merhaba arkadaşlar…Bugünkü yazımda basit ama bazen lazım olabilecek bir şeyi anlatacağım.Siz de benim gibi canınız sıkıldığında ya da çok sık psd to css yapıyorsanız, css e dökeceğiniz psdler her zaman temel fontlardan oluşmayabilir.Bu yüzden font yüklemeniz gerekecektir.Hemen vakit kaybetmeden anlatmaya başlayayım.

 

 

Öncelikle yükleyeceğimiz fontu seçiyoruz örnek olarak Harabara fontu.Ben yazı sonunda sizlere kullanılan kaynak dosyaları atacağım.Öncelikle fontumuzu kaynak dosyalar kısmından indiriyoruz.Daha sonra css dosyamıza şu kodları ekliyoruz;

@font-face{font-family:Harabara;src:url('font/Harabara.ttf'),url('fonts/Gabriola.eot'); /*  IE için eğer fontun .eot uzantısı varsa, yoksa times new roman olur */}

Kodlardan anlaşılabileceği gibi font klasöründe Harabara.ttf dosyasından fontumuzu çekiyor.Daha sonra da nereye o fontu vermek istiyorsak onu yapıyoruz örneğin;

body{font-family:Harabara;}

Bu kadar arkadaşlar…Burada dikkat edilmesi gereken tek nokta her zaman olduğu gibi IE nin desteklememesi.Bunun için fontun .eot uzantısı lazım.

#Kaynak Dosyalar#

CSS Font Yükleme Kaynak Dosya

Rar şifresi : ismailbayram.net

VN:F [1.9.22_1171]
Rating: 10.0/10 (2 votes cast)
VN:F [1.9.22_1171]
Rating: +1 (from 1 vote)
CSS'te Font Yükleme, 10.0 out of 10 based on 2 ratings

Yazar Hakkında

16 Kasım 1996′da dünyaya Balıkesir’de gözlerimi açtım.Tenoloji ve elektronik tarzı şeyler her zaman ilgimi çekmiştir.7 yaşımda ilk internet cafeye gittiğim gün hepimizin en az bir kere bile oynadığı CS 1.6 ile tanıştım.Tabi o zamanlar küçüktük böyle webmasterlıkmış falan yok bilmiyoruz adını dahi.Sonra evime bilgisayar alınmasıyla iyice aram yakınlaştı.Gamemaker ile içli dışlı oldum.Daha sonra üye olduğum bir forum sitesi sayesinde bilgisayarın temeline girdim.2012 Nisan ayından itibaren HTML&CSS ve WordPress’te kendime göre önemli yollar kathettim.Biraz da PHP bilgimin olması beni WordPress ile daha kolay yakınlaşmamı sağladı ve vazgeçilmezim oldu.Şimdi ise burdayım.Ayrıntılı Bilgi için En iyisi tek olmak adlı makaleme bakabilirsiniz.

Yazıyı Paylaş!
Yorumlar(2)
  1. Oğuz 20 Ekim 2012

    Çok Teşekkur Ederim.


  2. Furkan Kadıoğlu 01 Kasım 2012

    Saolasınızz



Sen de Yorumla!

Spamlara karşı soru: