wordpress设置自定义字体
wordpress设置自定义字体:
失败的操作过程:
写在最前:试了一天多的引用字体,方法包括但不限于:
- 下载
.ttf
、.otf
格式字体,转化为wotf
、wotf2
格式,挂在github仓库用CDN引用,得到css链接 然后这里填字体名称和CSS链接,试了很久很久,都失败了,不知道是不是字体本身转换的时候出错了。
按主题官方文档上应该是这样吧?存疑,以后再想想。
- 把字体挂到服务器本地,然后引用。
按理来说这种应该是用空间换时间的方法,具体就是按照这篇文章:[如何不使用任何插件在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
文件
include_font.css
仿照文档里填主题的模板函数里填入:
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' );
最后在额外css里填入:
(使用 “*”(星号)选择器,将自定义字体全局应用到所有相关元素。这样可以确保整个网站的一致性。)
*{ --fontFamily: "wenyue_xinqingnianti_authow8j", sans-serif; }
最后发布了还是没成功。
暂且把自己的操作失败过程记下来,以后再看看哪错了吧,挖个坑。
接下来是能成功的操作:
霞鹜文楷(LXGW WenKai Screen)
- 引用字体CDN链接
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/lxgw-wenkai-screen-webfont/1.7.0/style.min.css" />
- 改默认字体
- 改markdown文档中标记文本的格式
效果是黄色的字体:
参考文献: