网站引入自有中文字体

请注意,本文编写于 1494 天前,最后修改于 623 天前,其中某些信息可能已经过时。

问题

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

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

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

解决方案(普适)

1.找到你想要使用的字体文件(ttf)

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

2.使用font-spider压缩字体

lcddjm
lcddjm

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),问题解决~

添加新评论

已有 8 条评论

可以在github开一个仓库,用jsdelivr加速就行,速度还可以,就是jsdelivr偶尔抽风

确实是个好办法,要是不抽风的话😶

我博客曾经直接引用过微软雅黑

如果字体源文件的链接够快的也还行,不过压缩一下在本地访问就比较快和方便了

你这是魔改啊!主题真心不错~ |´・ω・)ノ

于长野 于长野 回复 @老陳网志
0 0

嘿嘿,谢谢夸奖!

纯路人,博主真帅