Typecho更换字体插件FontLibs

博主： xiaoxiao
发布时间：2022 年 08 月 06 日
172839 次浏览
317 条评论
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/20.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 图标冲突问题

最后修改：2023 年 08 月 21 日

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

317 条评论

躲闪的道士
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

小白不懂，前来学习

回复
可乐
October 13th, 2022 at 11:06 am

感谢大佬，很想要的东西

回复
不知名的学生
October 12th, 2022 at 09:42 am

测试下看看效果，看起来不错

回复
aimio
October 11th, 2022 at 12:55 am

很实用的小插件呢。

回复
白鹿
October 6th, 2022 at 11:34 am

不行呀解压只有一个php文件然后启动说无法启动显示错误500

回复
1. xiaoxiao
  October 6th, 2022 at 01:56 pm
  
  @白鹿
  
  您好，请尝试以下步骤
  1.查看插件文件夹名字是否为FontLibs，如果不是请更改为FontLibs
  2.更换php版本为7.3
  如果以上步骤均没问题请添加我的联系方式，发送报错信息以及运行环境
  qq：2595557847
  微信：xiaoxiaohaizimen
  
  回复
  1. 小羊u
    October 6th, 2022 at 02:04 pm
    
    @xiaoxiao
    
    刚刚搞好了是在别的地方下的给少文件了⌇●﹏●⌇
    
    回复
    
    xiaoxiao
    October 6th, 2022 at 02:08 pm
    
    @小羊u
    
    好的
    
    回复
lx.
October 3rd, 2022 at 08:49 pm

非常不错的，感谢

回复
1. 白鹿
  October 6th, 2022 at 11:35 am
  
  @lx.
  
  哥为什么你可以用我启用显示启动失败
  
  回复
清新小女孩
October 1st, 2022 at 05:16 pm

OωO谢谢分享

回复
g2nnyS
September 30th, 2022 at 11:46 pm

好用

回复
sakura
September 24th, 2022 at 12:06 pm

大佬牛皮

回复
dage
September 17th, 2022 at 05:06 am

OωO

回复