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.
Yorum Gönder