現時点で最善の方法は、おそらく Google フォントのSource Sans Proを使用することです。latin1-subset に TURKISH LIRA が含まれています。だから、例えば使用することができます
<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>
ただし、これは、Source Sans Pro を全体的なフォントとして使用することを検討する必要があることを意味します。これには2つの理由があります。たとえば、宣言するとしますfont-family: Arial, Source Sans Pro
。まず、IE 9 は TURKISH LIRA のレンダリングに失敗します (実際にはフォントの使用が苦手です)。第二に、技術的に問題のないフォントを使用するブラウザでは、「₺50」(TURKISH LIRA が前に付く数字)のような表現は、数字が通貨記号よりもはるかに長いため、奇妙に見えます。その理由は、Source Sans Pro では TURKISH LIRA がそのフォントの桁の高さに合わせて設計されており、Arial では桁の高さが小さくなっているからです。
別の方法として、TURKISH LIRA の画像を比較的大きなサイズで使用img
し、 element を使用してそれを埋め込み、height
プロパティをem
単位で設定してフォント サイズに合わせてスケーリングすることもできます。大きいサイズの理由は、画像は一般に下方向には十分にスケーリングされますが、上方向にはそれほどスケーリングされないためです。HTML で特殊文字を使用するための私のガイドでは、使用することをお勧めしますheight: 0.8em
画像として埋め込まれた文字の正確な寸法は、実際には文字と画像のデザイン、およびフォント内の文字との関係に依存します。通常の原則は、「$」、「£」、「€」などの通貨文字を数字と同じ高さにすることです (具体的には、ほとんどのフォントがデフォルトで持っている「数字」または「大文字」)。 Source Sans Pro には「古いスタイルの図」もありますが、CSS を使用して選択する必要があります)。
大まかに言えば、TURKISH LIRA は昨年 9 月に追加された Unicode の最新の文字であり、文字が Unicode に採用されてからフォントで一般的に利用できるようになるまで、通常は約 10 年以上かかります。
PS これはブラウザーの問題ではなく、フォントの問題ですが、一部のブラウザー (IE) では、異なるフォントから文字を取得することが依然として困難です。