找回密码
 注册

QQ登录

只需一步,快速开始

新浪微博登陆

只需一步, 快速开始

扫一扫,访问微社区

快捷导航
事务所专题-柯南20周年纪念事件簿
搜索
查看: 2922|回复: 4
打印 上一主题 下一主题

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

[复制链接]

侦探助理

27

主题

19

好友

128

积分

 

升级
13%
帖子
1228
精华
3
积分
128
威望
24
RP
229
金钱
579 柯币
人气
2272 ℃
注册时间
2011-6-19

写文高手

跳转到指定楼层
顶楼
发表于 2012-3-25 02:48:21 |显示全部楼层 |倒序浏览
本帖最后由 寒夜听雪 于 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,我就不说明了

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册 新浪微博登陆

全ての終わりに 愛があるなら

侦探助理

27

主题

19

好友

128

积分

 

升级
13%
帖子
1228
精华
3
积分
128
威望
24
RP
229
金钱
579 柯币
人气
2272 ℃
注册时间
2011-6-19

写文高手

沙发
发表于 2012-3-25 12:45:50 |显示全部楼层
回复 慕容飞羽 的帖子

这就是字体fallback要写得好的重要性啊,既要达到美观又要达到安全。
貌似现在45S是为了安全性而舍弃美观了啊
(我也有4G的Adobe Font Folio我会乱说
全ての終わりに 愛があるなら
回复

使用道具 举报

侦探助理

27

主题

19

好友

128

积分

 

升级
13%
帖子
1228
精华
3
积分
128
威望
24
RP
229
金钱
579 柯币
人气
2272 ℃
注册时间
2011-6-19

写文高手

板凳
发表于 2012-4-2 00:09:30 |显示全部楼层
回复 SquallATF 的帖子

我表示同很想笑……
全ての終わりに 愛があるなら
回复

使用道具 举报

侦探助理

27

主题

19

好友

128

积分

 

升级
13%
帖子
1228
精华
3
积分
128
威望
24
RP
229
金钱
579 柯币
人气
2272 ℃
注册时间
2011-6-19

写文高手

地板
发表于 2012-4-7 00:56:46 |显示全部楼层
回复 慕容飞羽 的帖子

最后忍无可忍之下装了MacType……整个世界清净了
全ての終わりに 愛があるなら
回复

使用道具 举报

侦探助理

27

主题

19

好友

128

积分

 

升级
13%
帖子
1228
精华
3
积分
128
威望
24
RP
229
金钱
579 柯币
人气
2272 ℃
注册时间
2011-6-19

写文高手

5
发表于 2012-4-28 08:11:50 |显示全部楼层
回复 mario34 的帖子

额,奥盟是个神马东西……
全ての終わりに 愛があるなら
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册 新浪微博登陆

手机版|Archiver|名侦探柯南事务所 ( 沪ICP备17027512号 )

GMT+8, 2024-5-3 23:02 , Processed in 0.157588 second(s), 16 queries , MemCached On.

Powered by Discuz! X2.5

© 2001-2012 Comsenz Inc.

回顶部