0

誰かが私を正しい方向に向けることができるかどうか疑問に思っていました. Google Font Orbitronを、指定されたすべてのフォント サイズで一貫した重みで表示しようとしています。とても簡単ですね。私のシナリオではありません。特定のfont-sizesで、一部のキャラクターは同じキャラクター内で複数のウェイトを持ちます。

注: Windows 7、Chrome v27 でこれをテストしています。

コード：

<link href='http://fonts.googleapis.com/css?family=Orbitron:400,500,700,900' rel='stylesheet' type='text/css'>
.sixteen{
    font-family: Orbitron;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}
.nineteen{
    font-family: Orbitron;
    font-weight: 400;
    font-size: 19px;
    line-height: 22px;
}

<h4 class="sixteen">Home of Front End Developer and</h4>
<h4 class="nineteen">Home of Front End Developer and</h4>

ここに私の問題を説明するフィドルがあります。フィドルを見ると、最初の行で、大文字Fの 、E、およびD文字の一番上の行が、その行の残りの文字よりも太い/太いことがわかります。しかし、次の行でわかるように、

私が見ているものを再現できない場合のために、スクリーンショットを次に示します。

フォントサイズ: 16px と 19px

私の質問は 2 つあります。

  1. これを技術的に説明する最良の方法は何ですか? 「1 つの文字に複数のフォント ウェイト」という表現は簡潔さに欠けており、価値のあるGoogle 検索結果が得られない可能性があります。
  2. これを修正して、すべてのフォントサイズですべての文字の太さを一定にする方法はありますか?
4

2 に答える 2

1

  1. あなたが説明しているのは、グリフのストロークの目に見える幅の変化、または簡単に言えばストローク幅の変化です。このような変化は、セリフ フォントでは正常であり、多くのサンセリフ フォントでも少なくともある程度は見られます。ただし、この場合、フォントはかなり一定のストローク幅を持つように設計されているため、目に見える効果はフォントのレンダリングの違いによって引き起こされます。

  2. フォント レンダリングの違いを取り除く方法はありません。フォントのレンダリングは複雑な問題であり、提案された、または実験的な CSS 設定の一部が影響を与える可能性がありますが、基本的には制御できません。たとえば、フォント スムージング (アンチエイリアシングとも呼ばれます) は、オペレーティング システムとその設定、およびブラウザーとその設定に依存します。

于 2013-06-25T08:21:25.423 に答える