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

如果是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;
}

 

 

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容