深圳网站建设公司易捷网络科技
网站建设资讯
网站建设技术支持网站建设行业资讯网站建设公司新闻
联系我们
联系人:陈先生
电话:0755-61603557
邮箱:info@ejaket.com
传真:0755-61603557
地址:深圳市宝安区宝源路鸿源大厦7楼
你现在所在的位置:网站首页 > 网站建设资讯 > 如何使用Chrome修改任意WP主题字体样式

如何使用Chrome修改任意WP主题字体样式

信息来源:惠州网站建设公司易捷网络    添加时间:2018-03-27

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

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

本文由Quicl原创于Quicl’sBlog 转载注明出处http://20xue.com/?p=1781

更多网络知识及相关网络服务请QQ咨询深圳网站建设公司QQ:2361277551

惠州网站建设公司易捷网络科技主营业务:企业网站建设、网站推广优化、企业邮箱申请、域名空间购买、网站备案、论坛网站建设和企业网站维护。
网站建设服务热线:13714247375
深圳市易捷网络科技有限公司版权所有 备案号:粤ICP备2022153140号