前言:
昨天插件作者私聊艾特我 博客一晚上刷掉他字体7G流量
排查是某疆IP为49.118.68.204(弟弟行为)
字体

有点不好意思 毕竟插件作者是为爱发电 纯纯公益
考虑再三 还是自行搭建吧
并把字体放在了腾讯COS里

实现有两种方法可以
下面简单记录一下改字体的过程
其实操作起来不复杂

使用插件

1.安装 FontLibs 更换字体插件

点击下载
2.开启插件选择字体使用
增加13个内置字体
并包含作者插件,用爱发电所提供免费的cdn静态加速
以及增加了自定义字体
小小孩子们的Blog博主的原文地址:传送门

使用COS

1.首先在字体网站下载字体
免费商用字体
2.字体精简压缩
Foxcm Spage
这边整理下了4个 打开网站 在工具那一栏
字体压缩
3.压缩出WOFF和WOFF2
4.自定义代码添加

/* 自定义字体 */
<style>
@font-face {
    font-family:hanyijinkaijian_SC_Medium;font-style: normal;font-display: swap;
    src: url('文件直链.woff2') format('woff2'),
         url('文件直链.woff') format('woff');
}
*{font-family:hanyijinkaijian_SC_Medium;}
</style>

Tips:
避免踩坑
如果清除缓存刷新还不行 ,COS记得跨添加域访问CORS规则
在COS-安全管理-跨域访问CORS设置-添加域名
CORS规则

5.完美收官,并启用新字体
防止下次踩坑,记录一下,毕竟一个跨域问题折腾我半小时

最后修改:2023 年 01 月 20 日
如果觉得我的文章对你有用,请随意赞赏