源码论坛,商业源码下载,尽在锦尚中国商业源码论坛

标题: 使用Chrome修改任意WordPress主题字体样式与字号 [打印本页]

作者: wyhuang 时间: 2012-2-8 00:20
标题: 使用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; }　　保管修正后，回就任意页面，刷新其，普通就可以看到效果了。

　　以上是由占豪新浪博客http://www.niulaile.com/stockblog/zhanhao/整理发布,转载请注明。

欢迎光临源码论坛,商业源码下载,尽在锦尚中国商业源码论坛 (https://bbs.52jscn.com/)