为什么网页 GUI 在 mac 上很好看的，到了 win 下就很丑

[leosirius666a]

都是 chrome

[fatelight]

@Nasei 同样显示器，win 开 200%缩放，chrome 字体也难受，比不了 mac 的。

[AlphaTr]

上传两张截图，用的是微软自己的网页，

https://p3.ssl.qhimg.com/t019f2e287e5bb84580.png

https://p0.ssl.qhimg.com/t01fa56debebf7dc06c.png

对比可以看出来，主要区别在于字体； 1. 在高分屏下，微软雅黑中文由于中宫比较大，显的不好看； 2. chrome 在 windows 下对于字体的渲染混合了灰度和亚像素渲染（截图中标题和正文），看起来不协调，不知道是 chrome 的原因还是系统的原因，个人感受不喜欢亚像素渲染，对字体边缘呈红色和蓝色比较敏感； mac 下就是用灰度渲染，看着色彩比较纯； 3. 字体边缘处理，windows 比 mac 锐利，这个看个人偏好了吧，我自己低分辨率喜欢 windows 的锐利，高分辨率喜欢 mac 的圆润。

[youyaang]

windows 系统字体渲染出来挨打！

[azh7138m]

@AlphaTr 我更喜欢 win7 提示的那个效果

2K 屏 OS X 被吊起来打，4K 屏 OS X 看着好很多（默认设置下）

[AlphaTr]

@azh7138m 对，win7 提示那一条除了字体，渲染算是很好的了；

PS：补充一个，微软自己的字体渲染，中文和英文数字字重差别比较大，同一个字也是渲染的粗细不一（「针对 Windows 7 的支持将于 2020 年 1 月 14 日终止」 这句话比较明显，尤其「将」字）加上 Mac 下对比 https://p5.ssl.qhimg.com/t019077e6d234f0c275.png

[veike]

mac 看多了也就那个样子，审美疲劳

[azh7138m]

@AlphaTr 唉，在上家的时候就和设计说，要用 noto 来出稿子，这样大家体验一致（我 deepin 其他开发 OS X 用户 windows ），但是设计只用默认的苹方，很僵硬


我总觉的不同字体的 letter-spacing 也不一样，能统一一个字体，才好在不同平台下对比啊

[AlphaTr]

@azh7138m 对，看了下思源黑系列在 Windows 下的表现，高分屏下看起来就比较协调；字体 + 硬件因素应该是最主要的感官影响

[hirasawayui]

@Kerwin1202 比如 sourcetree?

[kingsleydon]

微软雅黑是缺字重的，试试 font-weight: 600 表现就差很多

[twomoe]

话说大概从 18 年开始就流传的新版微软雅黑（六字重），怎么还不在正式版中推出……也不知道 11 月更新会不会有……

[zhuangzhuang1988]

无图无真相

[Nasei]

@fatelight 你换 edge 再看看

[auroraccc]

4k 屏 windows 也很好看呀

[Nick66]

视网膜屏？

[mxalbert1996]

@AlphaTr 中西文字重不一样这个跟渲染没关系，纯粹是是因为 Segoe UI 这个字体本来就偏细，比微软雅黑细。同一个字的粗细不一是因为微软雅黑出了名的垃圾 hinting。

[20015jjw]

游戏机系统能看就不错了
ps4 上你要求网页渲染效果吗？

[neoblackcap]

@20015jjw PS4 用 FreeType，基本思路跟苹果是一个路子

[20015jjw]

@neoblackcap 太惨了

[vipcc]

无图无真相，
试试 surface