前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >WordPress标题文章字体大小调整

WordPress标题文章字体大小调整

作者头像
zairun
发布2022-10-31 18:21:15
9320
发布2022-10-31 18:21:15
举报
文章被收录于专栏:载润札记载润札记

主题的标题字体太大,试了很多方法,标题字体大小始终调整不了。网上也找了很多方法,均不灵验。最终于找到一段CSS代码,添加到主题自定义,设置CSS选项里,确定后字体大小,再根据自己网站适量自己调整。

代码语言:javascript
复制
.post h2 {
 display:block;
 margin-top:10px;
padding:0 5px 3px;
 font-size:24px;
font-weight: bold;	
 font-family:Verdana,"BitStream vera Sans";
}
.post h1 {
 font-size:24px;
font-weight: bold;
}
.page h1 {
 font-size:24px;
}
body {
font: 16px/26px  Arial, Helvetica, sans-
serif !important;
}

下面一段CSS代码,可以调整整站文章字体大小。两段很精简的CSS代码,亲测好用。

代码语言:javascript
复制
body {
font: 16px/26px ‘Microsoft 
Yahei’, Arial, Helvetica, sans-
serif !important;
}

如果你想调换整站字体,可以使用以下代码,需要自己上传字体,有些麻烦。

代码语言:javascript
复制
@font-face {
font-family: '随便一个名称,需要和下面的保持对应';
src: url('../fonts/yourfont.eot');
src:
url('../fonts/yourfont.eot') format('embedded-opentype'),下面需要上传字体
url('../fonts/yourfont.woff2') format('woff2'),
url('../fonts/yourfont.woff') format('woff'),
url('../fonts/yourfont.ttf') format('truetype'),
url('../fonts/yourfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}
*:not([class*="icon"]):not(i) {
font-family: "与上面起的名字的对应" !important;
}

下面这一段,WordPress整站更换字体,CSS调换代码,可以更换整站自己喜欢的字体,但需要上传字体,下面这段代码已经上传好的字体,复制粘贴到主题自定义,CSS选项,亲测可用。字体还是根据个人喜好,自己上传,代码只做演示。

代码语言:javascript
复制
@font-face {
font-family: 'moonbridge';
src:
url('https://cdn.jsdelivr.net/gh/TaylorLottner/CDN@master/TYPES/moonbridge/moonbridge.woff2') format('woff2'),
url('https://cdn.jsdelivr.net/gh/TaylorLottner/CDN@master/TYPES/moonbridge/moonbridge.woff') format('woff'),
url('https://cdn.jsdelivr.net/gh/TaylorLottner/CDN@master/TYPES/moonbridge/moonbridge.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}

:not(i) {
font-family: "moonbridge";
}

/**
*:not ([class*="icon"]):not (i) {
font-family: "moonbridge" !important;
}
**/

网站底部添加本站运行时间代码

代码语言:javascript
复制
<font style="color:#1e73be;"><span id="runtime_span"></span>
<script type="text/javascript">function show_runtime(){window.setTimeout("show_runtime()",1000);X=new 
Date("10/10/2006 10:10:00");
Y=new Date();T=(Y.getTime()-X.getTime());M=24*60*60*1000;
a=T/M;A=Math.floor(a);b=(a-A)*24;B=Math.floor(b);c=(b-B)*60;C=Math.floor((b-B)*60);D=Math.floor((c-C)*60);
runtime_span.innerHTML="运行: "+A+"天"+B+"小时"+C+"分"+D+"秒"}show_runtime();</script>

这一段修改你自己网站初始运行时间

代码语言:javascript
复制
Date("10/10/2006 10:10:00");
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2022年 8月 12,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
内容分发网络 CDN
内容分发网络(Content Delivery Network,CDN)通过将站点内容发布至遍布全球的海量加速节点,使其用户可就近获取所需内容,避免因网络拥堵、跨运营商、跨地域、跨境等因素带来的网络不稳定、访问延迟高等问题,有效提升下载速度、降低响应时间,提供流畅的用户体验。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档