普通视图

发现新文章,点击刷新页面。
昨天以前首页
  • ✇新锐博客
  • 一小段代码让你的网站变灰莫忘
    前言 在特殊的日子里,我们可以使用一小段代码使整个页面变灰 教程 WordPress在主题的css文件中添加如下代码即可 body { filter: grayscale(100%); } 其他html源码在里面添加 <style> body { filter: grayscale(100%); } </style>
     
  • ✇新锐博客
  • WordPress添加自定义字体莫忘
    前言 不少主题都有字体的设置,比如CoreNext,但是字体不太满意或者主题没有相关设置该怎么办? 教程 落霞孤鹜 BootCDN的字体库 BootCDN是Bootstrap 中文网支持并维护的前端开源项目免费 CDN 服务,致力于为 Bootstrap、jQuery、Angular、Vuejs 一样优秀的前端开源项目提供稳定、快速的免费 CDN 加速服务。 落霞孤鹜字体库网站链接:BootCDN - lxgw-wenkai-webfont 引入CSS 找到主题后台的自定义代码中的页面代码,也可以在head头部添加html代码 <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/lxgw-wenkai-screen-webfont/1.7.0/style.min.css" /> 添加CSS 如CoreNext主题可以在子主题设置如下代码,或者在主题设置里添加自定义CSS body { font-family: "LXGW WenKai Screen", sans-serif; } 如果是Cor
     

WordPress添加自定义字体

作者 莫忘
2024年5月15日 13:01

前言

不少主题都有字体的设置,比如CoreNext,但是字体不太满意或者主题没有相关设置该怎么办?

教程

落霞孤鹜

BootCDN的字体库

BootCDN是Bootstrap 中文网支持并维护的前端开源项目免费 CDN 服务,致力于为 Bootstrap、jQuery、Angular、Vuejs 一样优秀的前端开源项目提供稳定、快速的免费 CDN 加速服务。

落霞孤鹜字体库网站链接:BootCDN - lxgw-wenkai-webfont

引入CSS

找到主题后台的自定义代码中的页面代码,也可以在head头部添加html代码

<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/lxgw-wenkai-screen-webfont/1.7.0/style.min.css" />

添加CSS

如CoreNext主题可以在子主题设置如下代码,或者在主题设置里添加自定义CSS

body {
    font-family: "LXGW WenKai Screen", sans-serif;
}

如果是CoreNext主题,在sans-serif 和; 之间加上!important

自定义字体

添加自定义css

@font-face {
  font-family: '字体文件名';
  src: url('/zt/字体文件名.woff2') format('woff2');
  /* 添加其他字体格式,如woff、ttf等,以提供更好的兼容性 */
  /* src: url('字体文件路径') format('字体格式'); */
}

body {
    font-family: "字体名", sans-serif !important;
}

 

 

❌
❌