黑咖啡
电脑

WordPress标题文章字体大小调整

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

.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代码,亲测好用。

body {
font: 16px/26px ‘Microsoft 
Yahei’, Arial, Helvetica, sans-
serif !important;
}

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

@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选项,亲测可用。字体还是根据个人喜好,自己上传,代码只做演示。

@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;
}
**/

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

<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>

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

Date("10/10/2006 10:10:00");

 

 

24250cookie-checkWordPress标题文章字体大小调整
Zairun

风雨几十载润物细无声

留言

您的电子邮箱地址不会被公开。