Türk Lirası sembolü (₺) bildiğiniz gibi UTF-8 ailesine katıldı. Windows 8 kullanıcıları bu sembolü Alt Gr+T tuşlarına basarak ekrana yazdırabiliyor. Windows 7 kullanıcıları ise Windows Update üzerinden güncelleme yapmaları gerekiyor. Ama Vista ve daha eski olan işletim sistemlerinde maalesef mümkün değil.
Günümüzde XP kullananların sayısı hala çokken, bu sembolü sitemizde görüntülemek istiyorsak ne yapacağız? Klasik olarak kullanılan yöntem: Türk lirası sembolünü resim olarak göstermekti. Şimdi ise çok daha modern bir yöntem var.
Bunun için öncelikle verdiğim linkten dosyayı indirin.
- zip içindeki "fonts" klasörünü css dosyasının olduğu dizine kopyalayın.
- css dosyasını açın ve
@font-face { font-family: 'TRY'; src:url('fonts/TRY.eot'); src:url('fonts/TRY.eot?#iefix') format('embedded-opentype'), url('fonts/TRY.woff') format('woff'), url('fonts/TRY.ttf') format('truetype'), url('fonts/TRY.svg#TRY') format('svg'); font-weight: normal; font-style: normal; } .simge-tl, .simgetl { font-family: 'TRY'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .simgetl:before { content: "\20ba"; }
bu kodları kopyalayıp yapıştırın. - İşlem bu kadar.
Bundan sonra Türk lirası sembolünü kullanmak istediğinizde
<span class="simge-tl">₺</span>
veya
<span class="simgetl"></span>
yazarak kullanabilirsiniz.
Yorumlar
Bu yazıya yorum yapan ilk kişi sen ol.