首页 文章

Helvetica Neue Pro作为Windows中可读的CSS屏幕字体?

提问于
浏览
2

如何在Windows和谷歌浏览器中使用带有CSS @ font-face的Helvetica Neue Pro作为可读屏幕字体?字距变得非常混乱,相比之下,Arial看起来很漂亮:

Helvetica Neue Pro:

enter image description here

宋体:

enter image description here

我遇到了Installing Helvetica Neue Fonts with Google Chrome on Windows considered harmful,其中有一条评论说我应该使用Neue Haas Grotesk,因为它应该被优化用于屏幕阅读 . 我买了这个字体,但没有区别 .

1 回答

  • 2

    这是Chrome(可怕)字体渲染和字体类型提示的混合 . Arial是TrueType,与(现在非常流行的)OpenType相比,呈现方式不同(因为类型提示以不同的格式指定) .

    Disclaimer: 我不是类型设计师,这些建议是基于我作为网页设计师的经验 .

    您可能想尝试:

    • 增加字体大小 . 在较大的字体大小下,可用的像素更多,字体将更平滑 .

    • 使用 -webkit-font-smoothing 进行实验 . 特别是你可能想尝试指定 antialisedsubpixel-antialiased 以查看它是否有帮助 . 参考MDN . 但请注意,这是非标准的(不在W3规范中),因此请仔细考虑 .

    • 修改字体以满足您的需要 . 如果您对字体感觉舒适,请尝试修改提示以满足您的需求 . 如果您更喜欢TrueType渲染,更简单的替代方法可能是将字体转换为TrueType .

相关问题