我要說的其實很簡單:請注意你的Blog中文字體顯示效果。WordPress模板數(shù)量絕對是所有Blog程序里最龐大的一個,但是大部分模板都是老外所作,這里就有一個很重要的問題:中文。
使用IE作為瀏覽器看到的字體會比這個大,但是使用Firefox/Opera瀏覽器并且沒有設(shè)定Minimum font size = 12的朋友就會得到這樣一個效果。這是因為大部分模板是基于英語或相關(guān)語系來做,而模板設(shè)定的默認字體大小并不適合中文顯示造成的。至于為什么IE瀏覽會稍好的原因我不在本篇解釋了,有興趣的可以看看這個討論。
修正這個也很簡單,只要修改css文件中有關(guān)font-size的部分,把字體調(diào)整到12px以上就可以了。順便再次介紹修改用的超強組合:Firefox + Web Developer,用這個組合可以馬上看到修改后的效果而不用直接修改源代碼。
除了字體大小外還有一個很討厭的問題,仔細看會發(fā)現(xiàn)有時第二行的英文間隔相比第一行來說有些奇怪,這是因為大部分模板喜歡用justify這種排列方式。justify會自動調(diào)整字間距來保證每行的左右對齊,但這個效果僅僅對于字母類型的文字有效,當(dāng)它被作用到一篇中英文混排的文章時,效果實在差強人意,更有甚者常常會出現(xiàn)提早換行這樣的結(jié)果。修正起來也比較簡單,編輯你的css文件中有關(guān)text-align: justify的條目修改為text-align: left。這樣的對齊方式相比之下會更適合中文閱讀。
另一篇文章:
body部分font-size定義為12px或者14px(一般是這兩個大小,當(dāng)然你要13px也沒問題,不嫌大的話16px也ok),但是就只有這里用px定義,其他任何地方的字號或者行間距或者縮進等等都用em或者百分比來定義比較好。這樣,就有了一個大小的基準(zhǔn)。
比如,行間距l(xiāng)ine-height定義為1.7em或者170%比較合適(就是說如果你前面定義的是12px的話,這個行間距就是1.7 X 12px=20px左右,知道了吧。)
再比如,sidebar里面的標(biāo)題h2的大小,就可以定義為1.2em,就會是一般的字的1.2倍大了。
這樣定義最大的好處就是修改整個頁面的字體大小時,只需要改一個就行了。。
英文的主題基本上也就是像這樣定義的,但是他們喜歡把作為基準(zhǔn)的那個大小定義成small啊 normal啊什么的,導(dǎo)致中文顯示在不同的地方出現(xiàn)問題。要我說,還是用px嚴(yán)格定死了好。