国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開APP
userphoto
未登錄

開通VIP,暢享免費電子書等14項超值服

開通VIP
讓W(xué)ordpress模板適合中文顯示 | 云中劍客's Blog

讓W(xué)ordPress模板適合中文顯示

我要說的其實很簡單:請注意你的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)格定死了好。

本站僅提供存儲服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊舉報。
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
CSS控制文字左右對齊秘訣
最全公眾號排版,入股不虧!
OBLog 3.0 用戶模版制作教程--▕|▊在劫難逃____。
新媒體文案10w 爆文排版方法!
CSS 文本樣式
Markdown Here 教程(這次是及格版)
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長圖 關(guān)注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點擊這里聯(lián)系客服!

聯(lián)系客服