使用Chrome修改任何WordPress主题的字体样式和字体大小
  • 更新时间:2024-09-26 05:22:08
  • 网站建设
  • 发布时间:1年前
  • 565

很多网友都和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;文本对齐: 中心; }

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

我们专注高端建站,小程序开发、软件系统定制开发、BUG修复、物联网开发、各类API接口对接开发等。十余年开发经验,每一个项目承诺做到满意为止,多一次对比,一定让您多一份收获!

本文章出于推来客官网,转载请表明原文地址:https://www.tlkjt.com/web/13482.html
推荐文章

在线客服

扫码联系客服

3985758

回到顶部