The best shot at present is probably to use the Google font Source Sans Pro. It contains TURKISH LIRA in its latin1-subset. So you can use e.g.
<link rel=stylesheet href=
"http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,400italic,700italic&subset=latin,latin-ext">
<style>
body { font-family: Source Sans Pro; }
</style>
However, this means that you should consider using Source Sans Pro as your overall font. There are two reasons to this. Suppose that you declare font-family: Arial, Source Sans Pro
for example. First, IE 9 fails to render the TURKISH LIRA then (it is not good at using fonts, really). Second, on browsers that use fonts technically OK, an expression like “₺50” (a number preceded by TURKISH LIRA) will look odd, since the digits are much taller than the currency sign. The reason is that in Source Sans Pro, TURKISH LIRA has been designed to match the height of digits in that font, and in Arial, digits are smaller in height.
As an alternative, you could use an image of TURKISH LIRA in a relatively large size and use img
element to embed it, with height
property set in em
units to make it scale to the font size. The reason for the largish size is that images generally scale well downwards but not that well upwards. In my Guide to using special characters in HTML, I suggest using height: 0.8em
for characters embedded as images, but the exact dimensioning really depends on the design of the character and the image and how it should relate to characters in a font. The normal principle is to make currency characters like “$”, “£”, and “€” occupy the same height as digits (specifically, “lining figures”, or “uppercase digits”, which is what most fonts have by default; Source Sans Pro has “oldstyle figures” too, but they need to be selected using CSS).
To put things into perspective, TURKISH LIRA is the newest character in Unicode, added last September, and it has usually taken about ten years or more from the adoption of a character into Unicode to its general availability in fonts.
P.S. This is a font issue, not a browser issue, though some browsers (IE) still have difficulties in picking up characters from different fonts.