css - CSS 文字間隔とプロポーショナル フォント

Question

私の質問はかなり技術的なものであることはわかっていますが、基本的には、次の CSS が<p>タグ内のテキストの表示にどのように影響するかを具体的に知りたいと思います。

p {
letter-spacing:2px;
font-family:"Georgia";
}

ジョージアはプロポーショナル フォントであり、デザイナーが時間をかけて文字間のスペースを作成し、フォントをより読みやすく視覚的に魅力的なものにしていることを私は知っています。

しかし、私の質問は、文字間隔のプロパティがこの比例性にどのように影響するかです。このコードは、タイプ デザイナーによって既に定義されている間隔に 2 ピクセルを追加しますか?それとも、その間隔を 2 ピクセルにリセットしますか?

Answer 1

OSX 上の Firefox での私の実験から、マシンにカーニングがないように見えるジョージアとは対照的に、カーニングされたフォント (Arial) を使用して、スペーシングが既存のスペーシングとカーニングに追加されていることを証明できます。加算、または減算。

また、ブラウザーやオペレーティング システムが異なればフォントが置き換えられ、それぞれの処理が若干異なるため、フォントがどのようにレンダリングされるかを 100% 予測することは不可能であることにも言及する価値があります。