如何在Windows和谷歌浏览器中使用带有CSS @ font-face的Helvetica Neue Pro作为可读屏幕字体?字距变得非常混乱,相比之下,Arial看起来很漂亮:
Helvetica Neue Pro:
宋体:
我遇到了Installing Helvetica Neue Fonts with Google Chrome on Windows considered harmful,其中有一条评论说我应该使用Neue Haas Grotesk,因为它应该被优化用于屏幕阅读 . 我买了这个字体,但没有区别 .
1 回答
这是Chrome(可怕)字体渲染和字体类型提示的混合 . Arial是TrueType,与(现在非常流行的)OpenType相比,呈现方式不同(因为类型提示以不同的格式指定) .
Disclaimer: 我不是类型设计师,这些建议是基于我作为网页设计师的经验 .
您可能想尝试:
增加字体大小 . 在较大的字体大小下,可用的像素更多,字体将更平滑 .
使用
-webkit-font-smoothing
进行实验 . 特别是你可能想尝试指定antialised
或subpixel-antialiased
以查看它是否有帮助 . 参考MDN . 但请注意,这是非标准的(不在W3规范中),因此请仔细考虑 .修改字体以满足您的需要 . 如果您对字体感觉舒适,请尝试修改提示以满足您的需求 . 如果您更喜欢TrueType渲染,更简单的替代方法可能是将字体转换为TrueType .