Typecho更换字体插件FontLibs

博主： xiaoxiao
发布时间：2022 年 08 月 06 日
87252 次浏览
284 条评论
1078字数
分类： PHP typecho 前端

# 前言

在这篇文章中写过typecho使用HarmonySanc字体<div class="preview">
<div class="post-inser post box-shadow-wrap-normal">
<a href="https://www.xxhzm.cn/archives/442/" target="_blank" class="post_inser_a no-external-link no-underline-link">
<div class="inner-image bg" style="background-image: url(https://cdn.xxhzm.cn/2595557847/handsome/9.0.2/img/sj/24.jpg);background-size: cover;"></div>

<div class="inner-content" >
<p class="inser-title">给网站更换HarmonySanc字体</p>
<div class="inster-summary text-muted">
之前在这篇文章中，写过更换HarmonySanc字体，但是那个字体的大小差不多有7M，加载速度非常慢。今天，我在刷...
</div>
</div>
</a>

</div>

</div>

但由于还需要手动改动代码非常麻烦，于是我开发了这款FontLibs插件

该插件支持在后台更换前台想使用的字体。

支持 Typecho`1.2`，`1.1`请自行测试
</div>

# 功能

![image.png](https://www.xxhzm.cn/usr/uploads/2022/08/1308830172.png)

![image.png](https://www.xxhzm.cn/usr/uploads/2022/08/1488637537.png)

插件内含有11个字体供使用

# 下载

字体下载地址：<div class="hideContent">此处内容需要评论回复后（审核通过）方可阅读。</div>

您可以自行下载存储到cdn上，并在插件后台进行修改。

<button class=" btn m-b-xs btn-success  " onclick='window.open("https://github.com/xxhzm/FontLibs/releases/tag/1.0.3","_blank")'>备用下载地址</button>

将插件上传到usr/plugins目录后解压即可使用，如果解压后存在多文件夹，请参考下图存放

![image.png](https://www.xxhzm.cn/usr/uploads/2023/03/87356708.png)

如果您觉得好用的话，可以在github上帮我点一个star，或者在此文章下面留言。

# 更新

**1.0.1**

增加了4个内置字体

增加了自定义字体

**1.0.2**

使用云字体库

全部字体均为免费可商用字体

**1.0.3**

修复 mdui 图标冲突问题

猜你想看免费获取亚马逊国外云桌面的保姆级流程在这匆匆忙忙的时代，你还会记住你自己吗？ react学习-JSX（二） vscode常用快捷键 Goland的常用快捷键 vue组件数据共享 Linux常用命令 go语言结构体 Linux安装Siege 每日一学：PHP 中的array_search函数详解

最后修改：2023 年 08 月 21 日

如果觉得我的文章对你有用，请随意赞赏

284 条评论

网友小宋
January 5th, 2023 at 01:46 pm

插个眼，真是好东西哈

回复
xxzznet
January 2nd, 2023 at 03:34 pm

挺不错的

回复
Python_Ryan 2
December 28th, 2022 at 10:43 am

支持博主,博主挺nb的!

回复
shusheng
December 22nd, 2022 at 10:56 pm

不错挺方便的~~

回复
himx
December 21st, 2022 at 10:19 am

启用之后font-awesome图标显示不出来怎么办？

回复
1. xiaoxiao
  December 21st, 2022 at 10:21 am
  
  @himx
  
  请带上详细信息，谢谢
  
  回复
  1. himx
    December 25th, 2022 at 07:21 pm
    
    @xiaoxiao
    
    解决了谢谢
    
    回复
    
    天天
    May 30th, 2024 at 11:40 am
    
    @himx
    
    求问这个问题是怎么解决的我也遇到这个问题了？感谢
    
    回复
    
    xiaoxiao
    May 31st, 2024 at 07:37 pm
    
    @天天
    
    可以看看你的网站启用后的效果嘛
    
    回复
jeray
December 9th, 2022 at 11:16 am

测试新字体试试

回复
旅人
December 2nd, 2022 at 05:01 am

大佬，可以开发一个文章字体动态调整大小的插件吗
有的页面字太小了看着累
然后手机页面大小不好适配
如果有个可以人性化的调整字的大小功能真的太有用了

回复
1. xiaoxiao
  December 2nd, 2022 at 05:05 am
  
  @旅人
  
  这个有点困难啊
  
  回复
  1. 戏人看戏
    December 8th, 2022 at 10:30 am
    
    @xiaoxiao
    
    这个插件字体是本地加载还是啥
    
    回复
    
    xiaoxiao
    December 8th, 2022 at 10:33 am
    
    @戏人看戏
    
    可以加载本地的也可以远程调用
    
    回复
    
    戏人看戏
    December 8th, 2022 at 11:16 am
    
    @xiaoxiao
    
    远程的话咋搞
    
    回复
    
    xiaoxiao
    December 8th, 2022 at 07:12 pm
    
    @戏人看戏
    
    直接在后台选就可以了，或者自己手动填写链接
    
    回复
匿名网友
November 30th, 2022 at 03:10 pm

OωO

回复
bbbwjs
November 29th, 2022 at 04:44 pm

好用捏

回复
躲闪的道士
November 28th, 2022 at 02:50 pm

请问后台启动插件的时候404是怎么回事

回复
1. xiaoxiao
  November 28th, 2022 at 02:53 pm
  
  @躲闪的道士
  
  将文件夹重命名为FontLibs，注意不要带有版本号什么的
  
  回复
ctldragon 1
November 23rd, 2022 at 11:31 am

大佬，如何中文用鸿蒙字体，而英文使用 FiraCode 字体呢，自己配置半天没搞好，这个插件也只支持设置一种字体。

回复
1. xiaoxiao
  November 23rd, 2022 at 08:59 pm
  
  @ctldragon
  
  稍后，我将修改后的css代码发送到你的邮箱，你只需要更换第六行字体URL，你可以选择不启用插件使用自定义css，也可以更新static/css/目录下的HarmonySanc.css
  
  回复
  1. ctldragon
    November 23rd, 2022 at 09:57 pm
    
    @xiaoxiao
    
    已经设置好了，用官方给的 css 并且开启您的插件就可以一起用了，现在主要问题是 c++ 代码的关键字会变粗，调配置没调好。
    
    回复
    
    xiaoxiao
    November 23rd, 2022 at 10:04 pm
    
    @ctldragon
    
    好的，关于c++变粗的话我不太清楚
    
    回复
  2. ctldragon
    November 23rd, 2022 at 09:40 pm
    
    @xiaoxiao
    
    大佬，更换 URL 后还是不成功，Fire Code 用的是官方的 CDN。此外，Fira Code 官方给了 css 可以直接 import 用，但是还是不成功。Fira Code 的官方在这里 https://github.com/tonsky/FiraCode，我按照里面的 Browser support 尝试了多种方法多不行。
    
    回复
知念
November 20th, 2022 at 12:24 am

nb啊方便多了

回复
mipaer
November 18th, 2022 at 01:13 pm

非常好用谢谢ヾ(≧∇≦*)ゝ

回复
知名的大黄
November 13th, 2022 at 08:18 pm

看看

回复
MUFENG
November 11th, 2022 at 04:13 pm

看下字体下载地址~

回复
丑男人
November 8th, 2022 at 01:29 pm

厉害了

回复
MinG
November 3rd, 2022 at 10:58 pm

看看

回复
H 1
October 26th, 2022 at 09:14 pm

厉害啊（╯‵□′）╯︵┴─┴

回复
fengsong
October 19th, 2022 at 01:11 pm

看一下

回复
1. H
  October 26th, 2022 at 09:13 pm
  
  @fengsong
  
  强啊
  
  回复
入门者
October 17th, 2022 at 01:33 am

小白不懂，前来学习

回复