1

サービスマーク文字（℠）を表示する必要があるWebアプリで作業しています。スタイルシートにはfont-weight、文字がレンダリングされるタグの300があります。この重さでレンダリングすると、同じ重さの商標文字（™）の外観を考えると、サービスマーク文字は予想よりも異常に大きくなり、わずかに太くなるように見えます。font-weight100または200を使用すると、動作がより顕著になります。

以下は、動作を示すテストドキュメントです。OSX上のFirefox12.0の出力は、次のようになります（申し訳ありませんが、画像をインラインで添付するには新しすぎます）。この動作は、使用されているかどうかに関係なく持続するようfont-familyです。OSX上のChrome19.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 に答える