問題タブ [font-rendering]

質問する

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

27 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
0 に答える
171 参照

css - 「モノスペース」汎用フォントを指定した場合の異なるフォント マージン

OSX 上の Chrome で中国語テキストに「モノスペース」を指定すると、PingFang SC が正しくレンダリングされますが、レンダリングされるフォントは、「PingFang SC」を直接使用してまったく同じフォントをレンダリングするよりも正確に 2 ピクセル高くなります。デモ：

ここに画像の説明を入力 https://jsbin.com/mahqub/edit?html、出力

行の高さをまったく同じに設定しても同じ結果が得られるため、これは行の高さの問題ではありません。また、「lang」属性が正しく設定されていない場合に特殊文字/スペースが異なるスペースを占有するなどの問題にも気付きましたが、ここでは「lang」を設定し、特殊文字をまったく使用しないように制御しています。また、Chrome は PingFang SC がレンダリングされていると主張していることにも注意してください。また、私のシステムにはデフォルトの「PingFang SC」フォントだけがあり、他のユーザーがインストールしたフォントが存在しないことも確認しました。また、他のスクリプト (hrkt/hang およびもちろん Latin など) のモノスペース ジェネリックでのこの動作に気付いていません。

私の質問は次のとおりです。

1)「モノスペース」がまったく同じフォントを異なる方法でレンダリングするのはなぜですか?

2) これを検出する方法はありますか?


12345678910