banner
rabithua

rabithua

twitter
github

网站引入自有中文字体

问题#

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

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

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

解决方案(普适)#

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

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

2. 使用font-spider压缩字体

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 chang ye}},问题解决~:@(献花)

加载中...
此文章数据所有权由区块链加密技术和智能合约保障仅归创作者所有。