什么条件下 font-weight: 100; 能看得见效果?

2012-04-26 12:57:07 +08:00
 benzhe
这是找到的两段说明:

“作用由用户端系统安装的字体的特定字体变量映射决定。系统选择最近的匹配。也就是说,用户可能看不到不同值之间的差异。对应的脚本特性为fontWeight。”

“数字值 400 相当于 关键字 normal,700 等价于 bold。每个数字值对应的字体加粗必须至少与下一个最小数字一样细,而且至少与下一个最大数字一样粗。”

自己也测试过几个常用的英文字体,在weigth 100 - 500 的情况下表现都是一致的。

“Helvetica” 在 Chrome 下甚至 600 比 700 还要宽。
3620 次点击
所在节点    CSS
3 条回复
fireyy
2012-04-26 13:02:37 +08:00
turing
2012-04-26 13:31:10 +08:00
http://clagnut.com/blog/2228/
这篇文章详细探讨了font-weight在各种浏览器下的表现。

实际上在chrome下600已经是bold,对于大部分显示屏幕(尤其是小字体)来说,在现在的分辨率下,根本不需要那么多阶。
turing
2012-04-26 13:32:21 +08:00
针对lz的问题,100的阶,根据那篇文章的实验,只有在ff3下才能正确被渲染

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/33646

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX