2017-06-02 57 views
1

我正在从事Web项目,特别是其中的一种字体(Rosewood Std Fill)在浏览器中呈现时显得笨重。请参阅Chrome中呈现的以下粗糙版本以及Illustrator中呈现的常规版本。我很抱歉,他们是不同的大小。什么可能导致字体呈现“矮胖”时呈现?

enter image description here

enter image description here

在任何情况下的字体粗细和样式都设置为 “正常”。我不确定要采取什么措施来解决这种情况。

回答

1

Chrome的默认AA很差。尝试将以下CSS添加到您的文本。

-webkit-font-smoothing: antialiased; 

-webkit-font-smoothing: subpixel-antialiased 

他们根据你的背景是明或暗的不同的结果。试试他们两个看你的情况看起来更好。