[Galeriler]

Ads Top

@font-face yardımı ile yeni TL sembolü eklemek

Yeni yayınlanan Türk Lirasınıda font-face yardımı ile ekleyebiliriz. TC Merkez bankasının yayınladığı yazı tipi olan AbakuTLSymSansRegular siteye ekleyerek kolay bir şekilde yeni Türk Lirası sembolünü web sitelerimize ekleyebiliriz.

Yazı tipinde sadece tl sembolünü kullanacağımız için diğer karakterleri silip sadece ikonu bırakarak yazı tipi dosya boyutunu küçültebiliriz.

https://www.box.com/s/2f69366c1d00ebd85208

Bağlantısından küçük dosyayı indirebilirsiniz.
@font-face {
   font-family: 'AbakuTLSymSansRegular';
   src: url('abakutlsymsans.eot');
   src: url('abakutlsymsans.eot?#iefix') format('embedded-opentype'),
        url('abakutlsymsans.woff') format('woff'),
        url('abakutlsymsans.ttf') format('truetype'),
        url('abakutlsymsans.svg#AbakuTLSymSansRegular') format('svg');
   font-weight: normal;
   font-style: normal;
}
Şeklinde sayfaya ekledik. Sembol olunca rakamların başına konuyor. araya biraz da mesafe koyalım.(padding-right:5px bunun için)
p:before{
    font-family: "AbakuTLSymSansRegular", serif;
    font-size:24px;
    content:"t";
    padding-right:5px;
}
ile sayfamıza ekledik.
@font-face yardımı ile yeni TL sembolü eklemek @font-face yardımı ile yeni TL sembolü eklemek Değerlendiren Oğuzhan Cabbaroğlu - 4/26/2012 Değerlendirme: 5

Hiç yorum yok

Image Link [https://lh3.googleusercontent.com/kXvOVaV2dIWC4gKWhzQhTK7KXwgYFcM_xkISmmlJH5MIYQ-nQogwFc1zAaKEpnqhaPEMJ1Vpn4SKbg=w1366-h768-rw-no] Author Name [Oğuzhan Cabbaroğlu] Author Description [Ozicab İnternet ve Tasarım Hizmetleri - Kurucu / Nam-ı Diğer Ozicab ] Facebook Username [ozicab] Twitter Username [ocabbaroglu] GPlus Username [107441494120937470968] Pinterest Username [ozicab] Instagram Username [ozicab]