Yeni TL Simgesini Web Sitenizde Kullanın

Yeni TL simgesini web sitenizde kullanmak için neler yapmanız gerektiğini anlatacağım. Simgeyi web sitenizde kullanmak için buradaki AbakuTLSymSans fontunun web versiyonunu indirin. Daha sonra web sayfanızın CSS dosyasına

[css autolinks=”false” classname=”myclass” collapse=”false” firstline=”1″ gutter=”true” htmlscript=”false” light=”false” padlinenumbers=”false” smarttabs=”true” tabsize=”4″ title=”stil.css”]
@font-face {
font-family: ‘AbakuTLSymSansRegular’;
src: url(‘fonts/abakutlsymsans-regular-AbakuTLSymSans.eot’);
src: url(‘fonts/abakutlsymsans-regular-AbakuTLSymSans.eot?#iefix’) format(’embedded-opentype’),
url(‘fonts/abakutlsymsans-regular-AbakuTLSymSans.ttf’) format(‘truetype’),
url(‘fonts/abakutlsymsans-regular-AbakuTLSymSans.svg#AbakuTLSymSansRegular’) format(‘svg’);
font-weight: normal;
font-style: normal;

}

.TL:before{
font-family: "AbakuTLSymSansRegular",Verdana,Arial;
content:"¨";
padding-right:3px;
}
[/css]

kodlarını ekleyin. Burada dikkat etmeniz gereken CSS dosyanızın kodlaması UTF-8 olması gerekiyor. Çünkü TL simgesi ¨ bu karakterle (alt gr + t) çıkıyor ve aslında türkçe bir karakter değil.

Daha sonra web sitenizde TL simgesini kullanacağınız yerde <span class=”TL”>336.444,00</span> classını TL yazarak rakamın önüne TL simgesini çıkartabilirsiniz.

Update: IE daki sorun düzeltilmiştir.

“Yeni TL Simgesini Web Sitenizde Kullanın” üzerine 11 yorum

  1. Paylaşım için teşekkürler. Yeni TL simgesini Prestashop web sitemizde nasıl kullanabiliriz acaba. Biginiz var mı? Yardımcı olursanız çok sevinirim.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir