修改chrome中HTML元素,借助Chrome的审查元素修改网页的字体

许多网友和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;

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

关于考虑到一般我喜欢“微软雅黑”，那就修改为“微软雅黑”，可是字号呢？网上查看了许多之后其文字都说12px是最佳选择，我可不这么认为！使用Chrome的元素审查发现，我原来主题的Body字体大小就为12px，可是感觉很小。在浏览博友的站点时候，发现有好几位都为13px，得，就这么定了。用13px的字号吧。温馨提示：对于广大的Wordpress玩家来说，修改主题之前最好在本地把适合的css样式所确定。其次为了避免不可预料的出错，请将代码复制到“超级记事本”或者“Dreamwaver”备份，使用系统自带的记事本灰产生莫名其妙的问题。此方法对于任意主题都可用使用，由于其Wordpress主题的字体都在Body标签中，我们修改的思路就是找到顶级Body容器，修改其字体就好了。下面带大家一同修改主题：

在Wordprss后台使用管理员权限登录——选择“外观”栏目中的“编辑”选项卡 再转入的页面中的右侧最下面找到“Style.css”，点击它。

左边编辑框中的最上面就是Body栏目，body代码(相信绝大部分的代码和我这个一样)如下所示：

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之前添加微软雅黑，宋体记住这个逗号是英文逗号，大家注意啊！font-size中把12px修改为13px，有朋友可能会说这么简单啊，那我把color也修改了吧！大量事实证明，修改color是个不明智的选择。主题的制作者比你更加懂得网站配色的问题，你的修改可能会使主题颜色面目全非

下面是修改后的代码，

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

font-family: 微软雅黑,宋体, Arial, Helvetica, sans-serif;

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

保存修改后，回到任意页面，刷新其，一般就可以看到效果了。如果你不能看到，请清空网页缓存即可！