为Typecho站点添加好看的字体-Plus教程

2022-05-13 20:01:26 浏览数 (1)

前言

https://cloud.tencent.com/developer/article/2003222

有小伙伴说,自己的字体文件有10多兆 原因是,没有对其字体进行压缩,我们在网站里多用常用字,而这些ttf文件都是基本涵盖了所有的文字,所以字体文件很大

改进

利用程序对文件字体进行压缩,筛选出自己所需要的字,组成字体。

引用

文件地址(HarmonyOS_Sans_SC_Medium.subset.woff2):

https://cos.xpblog.cn/cos-for-xpbloger/various/HarmonyOS_Sans_SC_Medium.subset.woff2

在自定义CSS加入如下代码即可:

代码语言:javascript复制
@font-face{font-family:HarmonyOS_Sans_SC_Medium;font-style:normal;font-display:swap;
src:url(输入文件的链接) format('woff2')}
*{font-family:HarmonyOS_Sans_SC_Medium}
body {font-family: HarmonyOS!important;}

0 人点赞