CSS @font-face ile yeni Türk lirasının kullanımını paylaşmak istedim. TC Merkez Bankasının yayınladığı yazı tipi olan AbakuTLSymSansRegular ı ekleyerek başlayalım işe, ilgili fontu buradan indirebilirsiniz.

@font-face ile fontu ekleyelim

@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;
}

daha sonra da gerekli tanımlamaları yapalım,

p { 
	font:Arial, Helvetica, sans-serif;
	font-size:24px;
}
p:before{
	font-family: "AbakuTLSymSansRegular", serif;
	font-size:24px;
	content:"t";
	padding-right:5px;
}

Şimdi de html kısmı

<p>1.200,<sup>00</sup></p>

İşte bu kadar basit.

Örneği incelemek için tıklayın.