网站引入自有中文字体

问题

void主题本身引用过自有字体，作者的网站字体是正常显示的，但是我自己的网站banner字体却是默认字体，起先一直以为是google api引用错误导致的，搞来搞去还是弄不明白，一番摸索下得知，原作者是引用的本地字体，重要的是他的这个本地字体是压缩过的。

简单来说，原本中文字体文件动辄就是大几M，而网站加载这么大的字体文件显然是不理智的，所以出现了一种做法，把需要的字单独合并成一个小的字体文件。

原作者压缩的字体里没有我需要的字，所以就无法正常显示。

解决方案（普适）

1.找到你想要使用的字体文件（ttf）

2.去这个网站（lcddjm）压缩字体网址已失效

2.使用font-spider压缩字体

3.压缩过的字体文件解压得到一个font文件夹，把文件夹上传到网站根目录下，也可以是其他目录下，你要能写对url就行。（https://xxxx.com/font/font.css）

4.接下来在网站头部添加link

<link rel="stylesheet" href="https://xxxx.com/font/font.css">

5.字体源的引入工作已经完成，现在给你想要使用字体的文字添加上style（font-family: font;）

6.大喊一声长野真帅(han han chang ye)，问题解决~

本文作者：自在废物

本文链接：https://rabithua.club/archives/407/

版权声明：本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。