Sitenize Türk Lirası (₺) Sembolünü Ekleyin Versiyon 2.10

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.

simge-tl.zip indir

• 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">&#8378;</span>

veya

<span class="simgetl"></span>

yazarak kullanabilirsiniz.