使用Chrome修改任意WordPress主題字體樣式與字號(hào)

許多網(wǎng)友和Quicl一樣，默認(rèn)主題的字體不好看之，為了美觀就在編輯文章時(shí)候使用CSS弄個(gè)字體樣式，可是諸不知文章使用過多的CSS樣式對(duì)首頁(yè)打開速度有很大影響。根除這個(gè)問題的方式就是修改Wordpress主題默認(rèn)的字體樣式與字號(hào)。雖然在今天之前一直用著修改文章css的方法，可是昨晚上網(wǎng)時(shí)間有點(diǎn)長(zhǎng)，看網(wǎng)站其他字體時(shí)候突然感到不拿么爽。遂想到，算了吧，把主題的字體換個(gè)吧！

正如之前文中所說的，F(xiàn)ireFox我真的不想再用了，就用剛用不久的Chrome來進(jìn)行元素審計(jì)。Chrome太人性化了，非常的方便，選擇主頁(yè)上面任意的一段文字-右擊-審查元素，即可看到當(dāng)前內(nèi)容的CSS容器了。查看之后發(fā)現(xiàn)，我的子容器里面根本沒有font-family: 以及font-size:。好吧，既然con里面沒有那我就去父容器里面找，方便的ChromeDebug非常直觀的顯示出Font-family以及Font-size均在Body中。源CSS代碼為；

font-family:Arial, Helvetica, sans-serif;

font-size:12px; color:#b8babb; text-align:center;

關(guān)于考慮到一般我喜歡“微軟雅黑”，那就修改為“微軟雅黑”，可是字號(hào)呢？網(wǎng)上查看了許多之后其文字都說12px是最佳選擇，我可不這么認(rèn)為！使用Chrome的元素審查發(fā)現(xiàn)，我原來主題的Body字體大小就為12px，可是感覺很小。在瀏覽博友的站點(diǎn)時(shí)候，發(fā)現(xiàn)有好幾位都為13px，得，就這么定了。用13px的字號(hào)吧。溫馨提示：對(duì)于廣大的Wordpress玩家來說，修改主題之前最好在本地把適合的css樣式所確定。其次為了避免不可預(yù)料的出錯(cuò)，請(qǐng)將代碼復(fù)制到“超級(jí)記事本”或者“Dreamwaver”備份，使用系統(tǒng)自帶的記事本灰產(chǎn)生莫名其妙的問題。此方法對(duì)于任意主題都可用使用，由于其Wordpress主題的字體都在Body標(biāo)簽中，我們修改的思路就是找到頂級(jí)Body容器，修改其字體就好了。下面帶大家一同修改主題：

在Wordprss后臺(tái)使用管理員權(quán)限登錄——選擇“外觀”欄目中的“編輯”選項(xiàng)卡 再轉(zhuǎn)入的頁(yè)面中的右側(cè)最下面找到“Style.css”，點(diǎn)擊它。

左邊編輯框中的最上面就是Body欄目，body代碼（相信絕大部分的代碼和我這個(gè)一樣）如下所示：

body { margin:0; padding:0; background:url(img/back1.gif);

font-family: Arial, Helvetica, sans-serif;

font-size:12px; color:#b8babb; text-align:center; }

在Arial之前添加微軟雅黑，宋體記住這個(gè)逗號(hào)是英文逗號(hào)，大家注意??！font-size中把12px修改為13px，有朋友可能會(huì)說這么簡(jiǎn)單啊，那我把color也修改了吧！大量事實(shí)證明，修改color是個(gè)不明智的選擇。主題的制作者比你更加懂得網(wǎng)站配色的問題，你的修改可能會(huì)使主題顏色面目全非

下面是修改后的代碼，

body { margin:0; padding:0; background:url(img/back1.gif);

font-family: 微軟雅黑,宋體, Arial, Helvetica, sans-serif;

font-size:13px; color:#b8babb; text-align:center; }

保存修改后，回到任意頁(yè)面，刷新其，一般就可以看到效果了。如果你不能看到，請(qǐng)清空網(wǎng)頁(yè)緩存即可！