笔记 by 车东

MT模板修改2则: 评论分段和firefox的缺省字体适应

· 技术笔记|Tech Notes

大辉的这套MT模板设计的很不错,我看到在很多MT的用户中都有传播。这套模板不可避免的也继承了原有MT模板的一些缺陷,而且还闹出了不少误会,一段时间以来我一直会收到: “你好Annie,能将《蓝海战略》这本书的电子版给我发一份吗?”的留言,问题就是出在MT的模板的段落设计上: comment_old.png 有电子版的留言是四楼未完成的Tango写的,但是由于那条华丽分割线,很多人都以为是“楼上”的Annie发表的,大家把这里当成论坛了吗?

将这个问题写给了大辉,我自己已经把他给修正了,同时修正了在FireFox下字体不像IE下那么圆滑的问题。

diff -b dbanotes.css styles-site.css 774c775 < border-top:1px solid #dae0e6; --- > border-bottom:1px solid #dae0e6; 777c778 < font-size:11px; --- > font-size:12px;

解决的具体方法就是:将和.entry-more-link,.entry-footer,.comment-footer,.trackback-footer,.typelist-thumbnailed { 中一起定义的文字顶部加分割线改成底部加,这样就感觉每个条目的作者和条目就成为一个区块了。 另外就是:面向FireFox的模板设计优化:避免使用单数大小字体,尽量使用small x-small等相对定义;

💬 历史评论

以下 4 条评论从旧版 Movable Type 博客迁移而来。 原始评论时间:2002–2016 年。

Fenng · 2006-09-23 22:45

测试一条先


Realazy · 2006-09-24 01:38

你所说的Firefox字体问题的真相是:

Windows系统下的宋体字,最小阅读范围是12px。当你把字体设置为小于12px时,IE比较“智能”,它能把中文字体自动调整到12px这个可读范围,而Firefox就比较“老实”,忠实地再现CSS里的设置。windows下11px的中文宋体字是难于阅读的。

另外,在Windows系统下,12px, 14px, 16px这三个字号的表现都不错。


sleetdrop · 2006-09-24 10:11

前些天开始用雅黑了。 虽然开始对这样的字体不是很习惯,但在lcd上阅读起来真的会很舒服。


路杨 · 2006-09-25 11:39

那个小信息改12px反而不好看。不如11px,或者干脆 small , 第一个,其实啊。。只改评论的吧。其他的还是放在上面吧。