1

我正在开发一个需要显示服务标记字符 (℠) 的 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&#8480; and trademark&#8482;</p>
    <p style="font-weight:100;">Here is a weight 100 service mark&#8480; and trademark&#8482; <span style="color:red;">(unexpected)</span></p>
    <p style="font-weight:200;">Here is a weight 200 service mark&#8480; and trademark&#8482; <span style="color:red;">(unexpected)</span></p>
    <p style="font-weight:300;">Here is a weight 300 service mark&#8480; and trademark&#8482; <span style="color:red;">(unexpected)</span></p>
    <p style="font-weight:400;">Here is a weight 400 service mark&#8480; and trademark&#8482;</p>
    <p style="font-weight:500;">Here is a weight 500 service mark&#8480; and trademark&#8482;</p>
    <p style="font-weight:600;">Here is a weight 600 service mark&#8480; and trademark&#8482;</p>
  </body>
</html>
4

2 回答 2

0

我发现这可能有助于回答您的问题。

http://www.htmlcodetutorial.com/character_famsupp_197.html

如您所见, font-weight: 100 将字体推得尽可能细,而 400 是正常的, 700 是粗体。

两者之间的差异很小,在大多数情况下,100 - 500 与大多数字体系列完全相同。

于 2012-05-30T14:56:58.817 回答
0

将字体系列设置更改为例如

font-family: Calibri, Arial Unicode MS, Lucida Sans Unicode,
  DejaVu Sans, FreeSans, sans-serif;

这是一个字体问题:当您只使用通用名称sans-serif时,每个浏览器都会使用自己的默认无衬线字体。这通常是 Arial,不包含服务标记字符。浏览器将被迫使用备用字体,而 Firefox 显然对不同的字体粗细使用不同的备用字体——这有点奇怪,但肯定是可能的。

上面的列表包含包含服务标记字符的特定字体。大多数字体实际上只有一两个字体粗细,就像大多数字体一样。即使是 Arial Unicode MS 的粗体版本也是“假粗体”(算法上加粗的普通字体),但结果通常是可以容忍的,虽然不是很漂亮。

于 2012-05-30T17:50:51.640 回答