什麼可能導致字體呈現「矮胖」時呈現？

Question

我正在從事Web項目，特別是其中的一種字體（Rosewood Std Fill）在瀏覽器中呈現時顯得笨重。請參閱Chrome中呈現的以下粗糙版本以及Illustrator中呈現的常規版本。我很抱歉，他們是不同的大小。

在任何情況下的字體粗細和樣式都設置爲 「正常」。我不確定要採取什麼措施來解決這種情況。

Answer 1

Chrome的默認AA很差。嘗試將以下CSS添加到您的文本。

-webkit-font-smoothing: antialiased; 

或

-webkit-font-smoothing: subpixel-antialiased 

他們根據你的背景是明或暗的不同的結果。試試他們兩個看你的情況看起來更好。