Mark的博客
2008 07-17
我要说的其实很简单:请注意你的Blog中文字体显示效果。WordPress模板数量绝对是所有Blog程序里最庞大的一个,但是大部分模板都是老外所作,这里就有一个很重要的问题:中文。
使用IE作为浏览器看到的字体会比这个大,但是使用Firefox/Opera浏览器并且没有设定Minimum font size = 12的朋友就会得到这样一个效果。这是因为大部分模板是基于英语或相关语系来做,而模板设定的默认字体大小并不适合中文显示造成的。至于为什么IE浏览会稍好的原因我不在本篇解释了,有兴趣的可以看看这个讨论。
修正这个也很简单,只要修改css文件中有关font-size的部分,把字体调整到12px以上就可以了。顺便再次介绍修改用的超强组合:Firefox + Web Developer,用这个组合可以马上看到修改后的效果而不用直接修改源代码。
除了字体大小外还有一个很讨厌的问题,仔细看会发现有时第二行的英文间隔相比第一行来说有些奇怪,这是因为大部分模板喜欢用justify这种排列方式。justify会自动调整字间距来保证每行的左右对齐,但这个效果仅仅对于字母类型的文字有效,当它被作用到一篇中英文混排的文章时,效果实在差强人意,更有甚者常常会出现提早换行这样的结果。修正起来也比较简单,编辑你的css文件中有关text-align: justify的条目修改为text-align: left。这样的对齐方式相比之下会更适合中文阅读。
另一篇文章: body部分font-size定义为12px或者14px(一般是这两个大小,当然你要13px也没问题,不嫌大的话16px也ok),但是就只有这里用px定义,其他任何地方的字号或者行间距或者缩进等等都用em或者百分比来定义比较好。这样,就有了一个大小的基准。 比如,行间距line-height定义为1.7em或者170%比较合适(就是说如果你前面定义的是12px的话,这个行间距就是1.7 X 12px=20px左右,知道了吧。) 再比如,sidebar里面的标题h2的大小,就可以定义为1.2em,就会是一般的字的1.2倍大了。 这样定义最大的好处就是修改整个页面的字体大小时,只需要改一个就行了。。 英文的主题基本上也就是像这样定义的,但是他们喜欢把作为基准的那个大小定义成small啊 normal啊什么的,导致中文显示在不同的地方出现问题。要我说,还是用px严格定死了好。
本文为学习之用,转帖自:云中剑客’s Blog
6 条评论 for "让WordPress模板适合中文显示"
修改了字体从12到14,没看到什么变化……
text-align: justify,这个条目我居然在css里面没搜索到……我和你主题一样,不过还是默认的三栏
这个两栏是我自己改的,字体大小也改到了14px,省眼睛。
我好像来过你的博客了。不过既然来了。给你留点东西吧 (*^__^*) 嘻嘻……
生是做网站的人。死是做网站的鬼。我的网站什么时候才有你网站的那么成功啊。羡慕中~~~
哈哈 上面的留言搞笑
很好的主义啊。
发表评论