wordpress设置自定义字体

news/2025/1/12 6:41:28/文章来源:https://www.cnblogs.com/7dragonpig/p/18521350

wordpress设置自定义字体:

失败的操作过程:

写在最前:试了一天多的引用字体,方法包括但不限于:

  1. 下载.ttf.otf格式字体,转化为wotfwotf2格式,挂在github仓库用CDN引用,得到css链接

image-20241031224158147

​ 然后这里填字体名称和CSS链接,试了很久很久,都失败了,不知道是不是字体本身转换的时候出错了。

image-20241031224433169

​ 按主题官方文档上应该是这样吧?存疑,以后再想想。

  1. 把字体挂到服务器本地,然后引用。

按理来说这种应该是用空间换时间的方法,具体就是按照这篇文章:[如何不使用任何插件在WordPress中添加自定义字体? - 闪电博 (wbolt.com)](https://www.wbolt.com/custom-fonts-in-wordpress-without-plugins.html#:~:text=1 嵌入谷歌字体: 完成字体选择后,点击页面底部的 “嵌入” 按钮。 Google Fonts 将生成一个嵌入代码,其中包含指向所选字体的链接。,3 字体样式和大小: 自定义您希望在网站上使用的字体样式和大小(Weight)。 Google Fonts 提供了特定的 CSS 代码片段,您可以将其插入主题的样式表(style.css)中,以应用所需的字体样式。)

具体来说,在wp-content下创建custom-fonts文件夹,然后把字体文件放进去,再创建include_font.css文件

image-20241031225104754

include_font.css仿照文档里填

image-20241031225259454

主题的模板函数里填入:

function add_custom_fonts() {
wp_enqueue_style( 'my-styles', WP_CONTENT_URL . '/custom-fonts/include_font.css', array(), '1.0.0' );
}				
add_action( 'wp_enqueue_scripts', 'add_custom_fonts' );			

image-20241031225449357

最后在额外css里填入:

(使用 “*”(星号)选择器,将自定义字体全局应用到所有相关元素。这样可以确保整个网站的一致性。)

*{
--fontFamily: "wenyue_xinqingnianti_authow8j", sans-serif;
}

image-20241031225910769

最后发布了还是没成功。

暂且把自己的操作失败过程记下来,以后再看看哪错了吧,挖个坑。


接下来是能成功的操作:

霞鹜文楷(LXGW WenKai Screen)

  1. 引用字体CDN链接

image-20241031221735320

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

image-20241031223722220

  1. 改markdown文档中标记文本的格式

效果是黄色的字体:

image-20241031223620814

image-20241031223547010

参考文献:

在站点网页中使用霞鹜文楷(LXGW WenKai) - 枫茶舍 (hsiaofeng.com)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/825460.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

组合数学与计数原理

组合数学与计数原理 date: 2024/10/29. 不同情况求组合数 求组合数的四种方法。 Lucas 定理 如果 \(p\) 是质数,则对于 \(\forall m, n \in \text{Z},1 \leq m \leq n\),有: \[\binom{n}{m}=\binom{m \bmod p}{n \bmod p}*\binom{m/p}{n/p} (\bmod p) \]即把 \(n,m\) 表示为…

Java面试题中高级进阶(JVM篇Java垃圾回收)

说说Java对象创建过程?知道类的生命周期吗?简述Java的对象结构?如何判断对象可以被回收?JVM的永久代中会发生垃圾回收么?你知道哪些垃圾收集算法?似乎有点模糊了,那就大概看一下面试题吧。前言 本来想着给自己放松一下,刷刷博客,突然被几道面试题难倒!说说Java对象创…

不写完整sql,DBeaver如何查询数据?效率翻倍!

前言 我们在使用DBeaver时,最常用的就是查询数据,除了在DBeaver里面直接写完整的sql语句进行查询外,其实还可以用不完整的sql语句来查询,效率翻倍。那么,我们该如何操作呢? 如何操作 首先,我们还是照旧打开某一张表的数据,这样默认是没有任何查询条件的。当我们需要按照…

在机器学习中,L2正则化为什么能够缓过拟合

在机器学习中,L2正则化作为一种有效的技巧,能够显著缓解模型的过拟合现象。主要原因包括:1.对权重进行约束,减少模型复杂性;2.增强模型的泛化能力;3.防止权重过大导致的数值不稳定;4.与损失函数相结合,实现模型目标的平衡;5.鼓励权重的均匀分布。通过L2正则化,我们可…

CTF学习(15)MISC(FLAG)

1.图片(?)--->查看详细信息(无果)--->010editor查看是否修改宽高或内藏编码(无果)---使用stegsolve逐层查看(无果) --->选中RGB三个通道的0层使用preview按钮发现存在PK文件(知识点:PK是一种压缩文件)选择SAVE Bin保存为.zip格式的文件 (目前遇到的这种LSB隐写题目都…

全栈(full stack)是什么意思

全栈(Full Stack)指的是一种技能集合和开发理念,涵盖软件开发的各个层面,从前端用户界面到后端服务器端、数据库和服务器管理等多个领域。全栈开发者具备跨越整个技术堆栈的能力,能够综合处理应用程序开发的各个方面,从而构建完整、高效且稳定的应用系统。1. 全栈开发的涵…

找不到符号

问题详情:有依赖有插件在代码里可以看到关联但注解后编译提示找不到符号尝试方法:清除缓存重新启动 无效重新加载maven 无效是否添加dependence 是否安装Lombok插件 有 无效先clear再compile 无效

2024御网线上Pwn方向题解

ASM Checksec检查保护基本上保护都关闭了 64位ida逆向程序只有一段,并且返回地址就是输入的数据,看起来就是srop了,找一下可以用的gadget通过异或清空rax值,然后通过异或ecx和1,异或rax和rcx即可增加rax的值,同理左移一位同样可以增加rax的值,将rax增加到0xf然后打srop,…

基于Java+SpringBoot+Mysql实现的快递柜寄取快递系统功能实现四

三、系统部分功能描述关于我们信息数据层Dao、物品分类信息数据层Dao、快递柜格子信息数据层Dao、投诉信息数据层Dao、快递柜类型信息数据层Dao、快递柜信息数据层Dao、新闻信息数据层Dao、日志信息数据层Dao、小区信息数据层Dao、用户信息数据层Dao一、前言介绍: 1.1 项目摘要…

为什么安卓不去掉 Java 语言底层_2

为什么安卓不去掉 Java 语言底层? 在探讨为什么安卓不去掉 Java 语言底层时,我们可以立即指出几个核心原因:兼容性保持、开发生态成熟度、跨平台性能。其中,兼容性保持是最为关键的一点。Android平台自推出以来,就大量采用Java语言进行应用开发。这背后不仅仅是因为Java语…

java中对象池的在什么时候应用比较合适

对象池是一种软件设计模式,其主要目的是重用对象,减少对象的频繁创建和销毁。在Java中,对象池在特定场景下表现出色,如数据库连接、线程池或重资源操作。本文深入探讨对象池的概念、优势和Java中的合适应用场景。1.对象池的基本介绍 对象池是一种存储已初始化对象的容器,让…

07C++选择结构(1)——教学

一、基础知识 1、关系运算符 因为我们要对条件进行判断,必然会用到关系运算符:名称 大于 大于等于 小于 小于等于 等于 不等于符号 > >= < <= == !=关系表达式的值是一个逻辑值,即“真”(True)或“假”(False)。如果条件成立,其值为“真”;如果条件不成立…