Web安全字体权重 - 如何变薄？ [英] Web Safe Font Weights -- How to get thinner?

问题描述

当我在Photoshop中设计时，我的字体很薄，很清晰，但是当我在CSS中声明字体时 - 即使使用font-weight：lighter - 字体总是显得更大胆。

When I design in Photoshop, my fonts are thin and crisp, but when I declare fonts in CSS -- even when using font-weight: lighter -- the fonts always appear bolder.

也许这只是浏览器渲染字体的方式（在IE字体保持瘦），但我想知道是否有任何技巧或提示，以实现同样瘦，清爽的外观。

Maybe this is just how the browser renders the font (In IE fonts stay thin), but I was wondering if there were any tricks or tips for achieving the same thin, crisp looks.

推荐答案

你是对的，这是渲染的区别。文本的呈现方式取决于您的操作系统，您的设置和浏览器（例如，Safari会比IE更大胆）。所以没有办法使这种渲染匹配您的Photoshop comp。

You are right, it is a difference in rendering. How the text renders depends on your OS, your settings, and your browser (Safari, for example, renders bolder than IE). So there is no way to make this rendering match your photoshop comp.

这里有更多资讯：

浏览器选择vs字体呈现| Phinney on Fonts

这篇关于Web安全字体权重 - 如何变薄？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！