找回密码
 注册

QQ登录

只需一步,快速开始

新浪微博登陆

只需一步, 快速开始

扫一扫,访问微社区

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

强烈建议修改论坛网页字体优先表&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,我就不说明了

本帖子中包含更多资源

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

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

最后的银色子弹

荣誉警视长
问答区荣誉版主
推理王
洛神之VIP
AKB神推し
たかみな
《罪证》测试组组长

67

主题

54

好友

3167

积分

 

帖子
22426
精华
3
积分
3167
威望
607
RP
5840
金钱
47883 柯币
人气
4464 ℃
注册时间
2009-1-5
发表于 2012-3-25 09:42:59 |显示全部楼层
其实同学对字体比较执着的话,可以设置浏览器强制字体,我以前就是这么干的,这样随便你网页默认的是什么字体,都可以显示你自己喜欢的字体了。对于网站而言,首先考虑的肯定是浏览网页的所有用户都有这字体库,都能正常显示。虽然现在Win7普及率已经比较高了,但是用XP的还是很多的。
顺带一提,本人电脑里3个G的字体库。

点评

慕容飞羽  当然强制字体在某些网页框架下,版面显示会有点问题,我以前强制方正行楷繁的时候,就经常遇到文字超出边框  发表于 2012-3-25 09:45
48系DD黨一枚,(°o°)、
<-sina_sign,2041967295,,7->
回复

使用道具 举报

侦探助理

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我会乱说
全ての終わりに 愛があるなら
回复

使用道具 举报

见习侦探

12

主题

0

好友

191

积分

 

升级
14%
帖子
3832
精华
0
积分
191
威望
101
RP
129
金钱
3894 柯币
人气
2725 ℃
注册时间
2011-7-25
发表于 2012-3-25 20:33:17 |显示全部楼层
懂技术的话我觉得你可以加入45S的技术组
回复

使用道具 举报

侦探助理

20

主题

0

好友

123

积分

 

升级
5%
昵称
AyanamiRei
帖子
359
精华
0
积分
123
威望
3
RP
292
金钱
589 柯币
人气
1976 ℃
注册时间
2010-10-2
发表于 2012-3-27 17:00:18 |显示全部楼层
现在哪里都能见到对字体执着的人啊……自行设置浏览器字体的人路过,过两年XP彻底淘汰就能慢慢改过来了吧……
傲慢傲慢,既傲又慢。
回复

使用道具 举报

论坛技术支持
发布区荣誉版主
事务所字幕组荣誉成员
事务所分流组荣誉组长
雨... いつやっと止まりますか?

35

主题

28

好友

9760

积分

 

帖子
1289
精华
0
积分
9760
威望
1817
RP
19826
金钱
39712 柯币
人气
2284 ℃
注册时间
2004-2-20
发表于 2012-3-31 20:16:05 |显示全部楼层
维护人员表示不想动~~
回复

使用道具 举报

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

使用道具 举报

论坛技术支持
发布区荣誉版主
事务所字幕组荣誉成员
事务所分流组荣誉组长
雨... いつやっと止まりますか?

35

主题

28

好友

9760

积分

 

帖子
1289
精华
0
积分
9760
威望
1817
RP
19826
金钱
39712 柯币
人气
2284 ℃
注册时间
2004-2-20
发表于 2012-4-1 19:29:54 |显示全部楼层
desperado 发表于 2012-4-1 18:05
为啥我看到这句话的时候好想笑~ ~

笑啥啊~
[APTX4869][CONAN][MOVIE14][THE_LOST_SHIP_IN_THE_SKY][BDRIP][1080P][AVC_FLAC](E5D44A1F).mkv
GOD'S IN HIS HEAVEN, ALL'S RIGHT WITH THE WORLD.

NES(Neon Eva Subgroup)搬家了
回复

使用道具 举报

侦探助理

27

主题

19

好友

128

积分

 

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

写文高手

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

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

使用道具 举报

最后的银色子弹

孤独寂寞的月影

68

主题

23

好友

2368

积分

 

帖子
18491
精华
0
积分
2368
威望
461
RP
4306
金钱
8832 柯币
人气
3082 ℃
注册时间
2011-4-12

边缘联盟勋章

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

点评

寒夜听雪  Windows7也好不到哪儿去……Windows娘都擅毁字体  发表于 2012-4-7 00:57
回复

使用道具 举报

侦探助理

27

主题

19

好友

128

积分

 

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

写文高手

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

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

使用道具 举报

杯户中学生

14

主题

3

好友

9

积分

 

升级
21%
昵称
mario34
帖子
62
精华
1
积分
9
威望
0
RP
20
金钱
32 柯币
人气
330 ℃
注册时间
2011-8-21
发表于 2012-4-27 17:32:05 |显示全部楼层
LZ是奥盟的那位么?
回复

使用道具 举报

侦探助理

27

主题

19

好友

128

积分

 

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

写文高手

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

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

使用道具 举报

杯户中学生

14

主题

3

好友

9

积分

 

升级
21%
昵称
mario34
帖子
62
精华
1
积分
9
威望
0
RP
20
金钱
32 柯币
人气
330 ℃
注册时间
2011-8-21
发表于 2012-4-28 17:29:05 |显示全部楼层
寒夜听雪 发表于 2012-4-28 08:11
回复 mario34 的帖子

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

呃,看你用的ID和他一样……
回复

使用道具 举报

最后的银色子弹

日语教室杂役

28

主题

55

好友

7210

积分

 

昵称
Carpe diem
帖子
97655
精华
7
积分
7210
威望
3189
RP
7611
金钱
28229 柯币
人气
2767 ℃
注册时间
2003-11-15
发表于 2012-4-28 18:19:42 |显示全部楼层
能看懂就算了嘛
回复

使用道具 举报

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

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

GMT+8, 2024-3-29 23:55 , Processed in 0.044217 second(s), 35 queries , MemCached On.

Powered by Discuz! X2.5

© 2001-2012 Comsenz Inc.

回顶部