寒夜听雪 发表于 2012-3-25 02:48:21

强烈建议修改论坛网页字体优先表&Lazyload

本帖最后由 寒夜听雪 于 2012-3-24 12:43 编辑

RT就是这样,觉得论坛的字体实在是难看。XP也就算了Windows 7也这样实在有点看不下去。目前论坛的CSS字体font-family是Tahoma, Helvetica, SimSun, sans-serif;
这明显是照顾XP的设置嘛。一打开网页就看到亲耐的中易宋体,各种锯齿,锯齿,锐利的锯齿,看得还真是不爽……
我的建议字体表:Lucida Grande, Calibri, Trebuchet MS, Helvetica, Tahoma, Hiragino Sans GB, WenQuanYi MicroHei, STHeiti, Microsoft JhengHei, Microsoft YaHei, sans-serif;

这个字体表在三大平台(Windows+Mac OS+Linux)下默认显示的效果应该比原来的好多了。
首先考虑的是字体渲染最好的Mac OS,第一个采用Lucida Grande显示西文字符。Calibri, Trebuchet MS是微软用的,跳过。如果没有Lucida Grande,就采用Helvetica也不差。西文字符显示完毕后Fallback到中文,首先在10.6和10.7上使用冬青黑体(Hiragino),在10.6以前的版本就Fallback到STHeiti。最后sans-serif结束。
然后考虑的是其次的Linux(以Ubuntu为例),前面一大串都是有版权的字体所以直接略过,直接来到WenQuanYi MicroHei(文泉驿微米黑),这种字体的中文和西文显示效果均十分优越,配合不错的字体渲染,效果不错。
最后是字体渲染一团渣的Windows。Lucida Grande不是标配字体所以跳过,Vista和7均使用Calibri来显示西文字体。如果没有Calibri(没有Calibri的是XP及更早了),就用Trebuchet MS。如果这个也没有,就只能fallback到Tahoma了。西文字体显示完毕,剩下的中文字体优先使用微软正黑(Microsoft JhengHei)显示,其次是微软雅黑和默认字体。

在Mac OS X下字体显示问题不大,尤其是Hiragino Sans GB我认为是目前见到的最好的中文无衬线体之一(还有信黑体)
在Linux下问题也不大,关键是可恶的Windows,尤其是XP娘。XP娘擅毁字体的属性人尽皆知,无论是冬青还是信黑,在XP都显示得一塌糊涂(即便是Vista和7,也没改进多少)微软是下定决心抱紧节操,宁可用微软雅黑也不想换换字体,自以为很了不起。(Windows 8也差不多,就是宋体的渲染上去了)
可是小C问我:为什么优先用微软正黑而不是微软雅黑?
答:你不觉得微软雅黑其实是个很混账的字体么。

有图有真相。(平台是Windows 7 Ultimate,在WPS文字 2012中截图)


由上到下分别是默认宋体、微软雅黑、微软正黑和信黑体(信黑体并未流通,我的是泄漏版本)大小分别为36、15和12px

首先,可以看到默认宋体在36px下其实非常不错,字体方刚,不愧是Windows沿用多年的默认字体。在15px时表现尚可,但来到12px就凶相毕露:为了保持字体的完整和大小统一,同时兼顾锐利度,所以就变成了尼玛的锯齿。这种锯齿是Windows的字体渲染理念造成的,问题就在于它太锐利了。对于常使用小字体的论坛来说,宋体就是个噩梦。

然后是微软雅黑。在12px时看起来很和谐,越大就越糟糕。在36px时,也凶相毕露了:首先,字体大小竟然不一样(比如“柯”字和旁边的“南”“探”二字的大小明显就不一样。然后,Kerning竟然也不一样(“名”和“侦”的kerning大,“探”和“柯”的kerning小)。另外,笔划粗细和渲染也很喜感地不一样(看看“探”字吧,宝盖头锐利,而里面的两撇却采用了模糊渲染)。
最严重的问题是它的字体是拉扁的,并且因此,笔划也被拉扁而看起来很怪异。这是微软雅黑最大的缺点,虽然小字号能够把这种差别捂掉一点,可是依然能够看得出来。

然后是微软正黑。这种字体采用的是旧字形,专门为港澳台同胞而设计,但包含了简体字库。不得不说,对于字较为重视的香港和台湾同胞来说,微软正黑的字形终于没有被严重拉扁变形,笔划也相对方正,接近宋体的形态。可是它也具有许多微软雅黑的毛病,比如笔划渲染的怪异差别等等。但最难能可贵的是它的kerning是正常的!好的字体kerning大大增添了易读性!所以它无论是大还是小,易读性和美观度都比微软雅黑优异。唯一需要接受的是它采用旧字形,而非微软雅黑用的现行简体字形。

最后是信黑体。在Windows下我没有安装冬青黑体(装了也是一团糟,并不能反映出Mac OS下的真实情况),但是信黑体已经表现出了所有优秀中文sans-serif的特点:笔划渲染和大小完全一致,kerning完全相同而美观,字形沿用现行字形,没有拉扁,没有变形,无论大小显示效果依然卓越。可以说信黑体(冬青也差不多)完美地解决了以上三种字体的缺陷而当之无愧成为我的第一推荐。可是信黑体并不是系统默认字体(冬青在Windows也一样不是标配),为了达到显示效果而要求每个用户都安装字体,是不实际的。所以信黑体是不可以进入字体表中的,我只是用它来展示完美范本而已。

综上所述,在论坛的字体运用情况下,信黑体/冬青黑体>微软正黑>微软雅黑>默认宋体。
请美工认真考虑更换字体优先表吧……

——————增补的分割线——————
建议使用lazyload技术……不然一个帖子有N多图片会卡死的……会杀猫的……
论坛的网管应该知道什么是Lazyload,我就不说明了

慕容飞羽 发表于 2012-3-25 09:42:59

其实同学对字体比较执着的话,可以设置浏览器强制字体,我以前就是这么干的,这样随便你网页默认的是什么字体,都可以显示你自己喜欢的字体了。对于网站而言,首先考虑的肯定是浏览网页的所有用户都有这字体库,都能正常显示。虽然现在Win7普及率已经比较高了,但是用XP的还是很多的。
顺带一提,本人电脑里3个G的字体库。

寒夜听雪 发表于 2012-3-25 12:45:50

回复 慕容飞羽 的帖子

这就是字体fallback要写得好的重要性啊,既要达到美观又要达到安全。
貌似现在45S是为了安全性而舍弃美观了啊
(我也有4G的Adobe Font Folio我会乱说

斯图卡 发表于 2012-3-25 20:33:17

懂技术的话我觉得你可以加入45S的技术组

灵岩山下 发表于 2012-3-27 17:00:18

现在哪里都能见到对字体执着的人啊……自行设置浏览器字体的人路过,过两年XP彻底淘汰就能慢慢改过来了吧……

SquallATF 发表于 2012-3-31 20:16:05

维护人员表示不想动~~

desperado 发表于 2012-4-1 18:05:03

SquallATF 发表于 2012-4-1 19:29:54

desperado 发表于 2012-4-1 18:05 static/image/common/back.gif
为啥我看到这句话的时候好想笑~ ~

笑啥啊~

寒夜听雪 发表于 2012-4-2 00:09:30

回复 SquallATF 的帖子

我表示同很想笑……

工藤神一 发表于 2012-4-6 12:28:12

(-14-)某人依然是XP的路过

寒夜听雪 发表于 2012-4-7 00:56:46

回复 慕容飞羽 的帖子

最后忍无可忍之下装了MacType……整个世界清净了

mario34 发表于 2012-4-27 17:32:05

寒夜听雪 发表于 2012-4-28 08:11:50

回复 mario34 的帖子

额,奥盟是个神马东西……

mario34 发表于 2012-4-28 17:29:05

daat1928 发表于 2012-4-28 18:19:42

能看懂就算了嘛
页: [1]
查看完整版本: 强烈建议修改论坛网页字体优先表&Lazyload