欢迎您访问我爱IT技术网，今天小编为你分享的电脑教程是建站经验系列之：【使用Chrome修改任意WordPress主题字体样式与字号】，下面是详细的分享！
使用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;
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; }
保存修改后，回到任意页面，刷新其，一般就可以看到效果了。如果你不能看到，请清空网页缓存即可!
以上所分享的是关于使用Chrome修改任意WordPress主题字体样式与字号，下面是编辑为你推荐的有价值的用户互动：
相关问题：wordpress首页文章列表的标题字体大小如何修改？
答：选中标题，右击“审查元素”，就能看到CSS中的字体设置等信息了，还可以在浏览器中直接模拟修改。然后在主题的CSS中找到你要的标题的CSS格式，修改成需要的大小就可以了 >>详细
相关问题：不修改CSS样式怎么改变字体的颜色
答：可利用js改变字体颜色。 实现代码如下： 无标题文档var i = 0;function changeColor(){var color = new Array("red","orange","yellow","green","blue","indigo","purple");var message = new Array("红","橙","黄","绿","蓝","靛","紫");docume... >>详细
相关问题：修改Windows XP的视觉样式，Google Chrome浏览器的...
答：1.桌面空白处-右键-属性-外观-高级-项目：消息框-字体：宋体-大小：9。 这样书签栏字体大小就恢复过来了。 2.桌面空白处-右键-属性-主题-Windows经典-应用-确定-重启一下chrome。 这样菜单和右键菜单的字体大小也恢复回来了。 >>详细
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-