找回密码
 注册

新浪微博登陆

只需一步, 快速开始

QQ登录

只需一步,快速开始

快捷导航
事务所专题-柯南20周年纪念事件簿
搜索
查看: 1962|回复: 14

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

[复制链接]

侦探助理

发表于 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,我就不说明了

本帖子中包含更多资源

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

×

警视厅高级成员

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

点评

当然强制字体在某些网页框架下,版面显示会有点问题,我以前强制方正行楷繁的时候,就经常遇到文字超出边框  发表于 2012-3-25 09:45
回复 喝彩 无视

使用道具 举报

侦探助理

 楼主| 发表于 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彻底淘汰就能慢慢改过来了吧……
回复 喝彩 无视

使用道具 举报

论坛管理员

发表于 2012-3-31 20:16:05 | 显示全部楼层
维护人员表示不想动~~
回复 喝彩 无视

使用道具 举报

desperado 该用户已被删除
发表于 2012-4-1 18:05:03 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复 喝彩 无视

使用道具 举报

论坛管理员

发表于 2012-4-1 19:29:54 | 显示全部楼层
desperado 发表于 2012-4-1 18:05
为啥我看到这句话的时候好想笑~ ~

笑啥啊~
回复 喝彩 无视

使用道具 举报

侦探助理

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

我表示同很想笑……
回复 喝彩 无视

使用道具 举报

最后的银色子弹

发表于 2012-4-6 12:28:12 | 显示全部楼层
某人依然是XP的路过

点评

Windows7也好不到哪儿去……Windows娘都擅毁字体  发表于 2012-4-7 00:57
回复 喝彩 无视

使用道具 举报

侦探助理

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

最后忍无可忍之下装了MacType……整个世界清净了
回复 喝彩 无视

使用道具 举报

禁止发言

头像被屏蔽
发表于 2012-4-27 17:32:05 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复 喝彩 无视

使用道具 举报

侦探助理

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

额,奥盟是个神马东西……
回复 喝彩 无视

使用道具 举报

禁止发言

头像被屏蔽
发表于 2012-4-28 17:29:05 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复 喝彩 无视

使用道具 举报

最后的银色子弹

发表于 2012-4-28 18:19:42 | 显示全部楼层
能看懂就算了嘛
回复 喝彩 无视

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|名侦探柯南事务所 ( 沪ICP备05038770号 )

GMT+8, 2025-1-22 08:08 , Processed in 0.056845 second(s), 25 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

快速回复 返回顶部 返回列表