我正在开发一个需要显示服务标记字符 (℠) 的 Web 应用程序。样式表font-weight
对于呈现字符的标记有 300。当以该权重呈现时,服务标记字符似乎变得异常大,并且比人们预期的在相同权重下出现的商标字符 (™) 略厚。font-weight
当使用100 或 200 的a 时,该行为更加明显。
下面是一个演示该行为的测试文档。OS X 上的 Firefox 12.0 上的输出看起来像这样(抱歉,太新,无法内联附加图像)。无论使用如何,这种行为似乎都会持续存在font-family
。OS X 上的 Chrome 19.0.1084.52 也会显示服务和商标,但权重之间存在一些不一致,但效果不太明显。
这是 Firefox/Gecko 的错误,还是我在这里做错了什么?谢谢!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Service Mark Test</title>
<meta content='text/html; charset=utf-8' http-equiv='Content-type' />
</head>
<body style="font-family:sans-serif;">
<p style="font-weight:normal;">Here is a normal service mark℠ and trademark™</p>
<p style="font-weight:100;">Here is a weight 100 service mark℠ and trademark™ <span style="color:red;">(unexpected)</span></p>
<p style="font-weight:200;">Here is a weight 200 service mark℠ and trademark™ <span style="color:red;">(unexpected)</span></p>
<p style="font-weight:300;">Here is a weight 300 service mark℠ and trademark™ <span style="color:red;">(unexpected)</span></p>
<p style="font-weight:400;">Here is a weight 400 service mark℠ and trademark™</p>
<p style="font-weight:500;">Here is a weight 500 service mark℠ and trademark™</p>
<p style="font-weight:600;">Here is a weight 600 service mark℠ and trademark™</p>
</body>
</html>