使用Chrome修改任何WordPress主题的字体样式和字体大小

很多网友都和Quicl一样，默认主题的字体不好看。为了美观，他们在编辑文章时使用CSS制作字体样式，却不知道在文章中使用过多的CSS样式对首页的打开速度影响很大。根除这个问题的方法是修改Wordpress主题的默认字体样式和字体大小。虽然今天之前一直在使用修改文章css的方法，但是昨晚上网时间长了，看网站上的其他字体突然就不舒服了。转念一想，算了，换个主题的字体吧！

上一篇说了，实在不想再用FireFox了，就用最近用的Chrome做元素审计。 Chrome 太人性化了，非常方便。在首页选中任意一段文字——右键——检查元素，就可以看到当前内容的CSS容器。检查后发现我的子容器里没有font-family:和font-size:好吧，既然没有con，那我就去父容器里找吧。方便的ChromeDebug 显示Font-family 和Font-size 都在Body 中。源CSS 代码是；

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

字体大小：12px；颜色：#b8babb；文本对齐： 中心；

考虑到我总体上喜欢“微软雅黑”，我会改成“微软雅黑”，但是字体大小呢？在网上查了很多，文中说12px是最好的选择，我觉得不是！使用Chrome的element inspection，发现我原来主题的Body字体大小只有12px，但是感觉很小。浏览博友的站点时，发现有好几个都是13px的，就这样吧。使用13px 的字体大小。提醒：对于广大Wordpress玩家来说，修改主题前最好在本地确定合适的css样式。其次，为避免出现不可预见的错误，请将代码复制到“超级记事本”或“Dreamwaver”中进行备份，使用系统自带的记事本会出现莫名其妙的问题。此方法可用于任何主题。由于Wordpress主题的字体都在Body标签中，所以我们的修改思路是找到最顶层的Body容器，修改其字体。下面就带大家一起修改主题：

在Wordprss后台以管理员权限登录——，在“外观”栏选择“编辑”选项卡，然后在调出的页面右下方找到“Style.css”，点击。

左边编辑框最上方是Body栏，body代码（相信大部分代码和我的一样）如下：

身体{ margin:0;填充：0； background:url(img/back1.gif);

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

字体大小：12px；颜色：#b8babb；文本对齐： 中心； }

在Arial 之前添加Microsoft 雅黑。请记住，这个逗号是英文逗号。请注意！在字体大小中，将12px 更改为13px。可能有朋友会说，这么简单，那我也换个颜色吧！大量的事实证明，修改颜色是一个不明智的选择。主题的创建者比你更了解网站的配色，你的修改可能会使主题颜色变得面目全非

下面是修改后的代码，

身体{ margin:0;填充：0； background:url(img/back1.gif);

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

字体大小：13px；颜色：#b8babb；文本对齐： 中心； }

保存修改后，回到任意页面刷新，一般都能看到效果。如果看不到，请清除网络缓存！