分享

让Wordpress模板适合中文显示 | 云中剑客's Blog

 youfangli 2013-02-20

让WordPress模板适合中文显示

我要说的其实很简单:请注意你的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严格定死了好。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多