html - 土耳其里拉符号的浏览器支持和解决方法

Question

因此土耳其最近决定为他们的里拉创建一个新标志:

Unicode 6.2(2012 年 9 月发布)将此添加到 its repertoire作为 U+20BA ₺ TURKISH LIRA SIGN，我被要求开始在我正在构建的网络应用程序中使用它。问题是 没有人 支持它(显然 Windows 8 除外)，并且它没有显示为通常的方 block 、问号或十六进制 block ，而是各种其他随机的东西。通常可靠fileformat.info认为它应该看起来像这样:

...这也是我在 OS X 上得到的。Charbase也弄错了，但有所不同:

实际问题:是否有任何明智的方法来解决这个问题？最大的复杂性是该字符应该允许出现在任意的、用户可编辑的文本中，因此任何基于图像的解决方案都被排除在外。

理论上的问题:据我所知，U+20BA 从未分配过任何字符，那么那些奇怪的符号是从哪里冒出来的呢？我在使用 U+20B9 ₹ INDIAN RUPEE SIGN 时没有遇到同样的问题，它几乎是新的并且支持很差，但至少失败时更优雅。

Answer 1

目前最好的拍摄可能是使用谷歌字体Source Sans Pro .它在其 latin1 子集中包含土耳其里拉。所以你可以使用例如

<link rel=stylesheet href=
"http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,400italic,700italic&amp;subset=latin,latin-ext">
<style>
body { font-family: Source Sans Pro; }
</style>

但是，这意味着您应该考虑使用 Source Sans Pro 作为整体字体。这有两个原因。例如，假设您声明了 font-family: Arial, Source Sans Pro。首先，IE 9 无法呈现 TURKISH LIRA(它不擅长使用字体，真的)。其次，在技术上使用字体的浏览器上，像“₺50”(以土耳其里拉开头的数字)这样的表达式看起来很奇怪，因为数字比货币符号高得多。原因是在 Source Sans Pro 中，TURKISH LIRA 被设计为匹配该字体中数字的高度，而在 Arial 中，数字的高度较小。

作为替代方案，您可以使用相对较大尺寸的土耳其里拉图像，并使用 img 元素嵌入它，并在 中设置 height 属性em 单位以使其缩放到字体大小。尺寸较大的原因是图像通常可以很好地向下缩放，但不会很好地向上缩放。在我的 Guide to using special characters in HTML ，我建议对作为图像嵌入的字符使用 height: 0.8em，但确切的尺寸实际上取决于字符和图像的设计以及它应该如何与字体中的字符相关。通常的原则是让“$”、“£”和“€”等货币字符与数字(具体来说，“衬里数字”或“大写数字”，这是大多数字体默认具有的)占据相同的高度； Source Sans Pro 也有“oldstyle figures”，但需要使用 CSS 选择。

从长远来看，土耳其里拉是 Unicode 中的最新字符，于去年 9 月添加，从一个字符被 Unicode 采纳到其在字体中普遍可用通常需要大约十年或更长时间。

附言这是字体问题，而不是浏览器问题，尽管某些浏览器 (IE) 仍然难以从不同字体中提取字符。