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


大辉的这套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等相对定义;

作者:车东 发表于:2006-09-23 21:09 最后更新于:2007-04-15 19:04
版权声明:可以转载,转载时请务必以超链接形式标明文章 的原始出处和作者信息及本版权声明

引用通告

以下是前来引用的链接: MT模板修改2则: 评论分段和firefox的缺省字体适应:

» 首页的字体改大了 来自 车东[Blog^2]
今天收到一个朋友的来信:说我的网站的字太小了。我去Analytics上看了一下,其中的WEB设计参数中,有一个屏幕分辨率的指标。目前我的网站上使用analytics的统计 来访者有95%以上的用户是使用1024分辨率以上(包括我自己看),为什么还要用那么小的字体呢?修改了一下style,把首页上所有 12px的字体都改成了14px(其实应该尽量避免使用固定象素大小字体,使用相对大小更好一些),之所以选择14px象素,因为我的网站有1/6左右是Firefox用户,单数大小字体对他们不适合。 如果你看到... [阅读更多细节]

Comments

测试一条先

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

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

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

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

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

发表一个评论

(如果你此前从未在此 Blog 上发表过评论,则你的评论必须在 Blog 主人验证后才能显示,请你耐心等候。)