css引入外部字体的压缩方法，解决网页加载太慢

220v稳压器

css引⼊外部字体的压缩⽅法，解决⽹页加载太慢

1. 安装nodeJs（已安装的可以跳过）

打开命令⾏输⼊下⾯的命令，如果已安装则可以看到⾃⼰的nodejs版本，如果没安装则不会显⽰。

$ node -v

2. 安装字蛛

输以下命令安装即可

npm install font-spider -g

下图我项⽬⾥放置字体⽂件的路径F:\IdeaProjects\IoTWeb\web\font，这⾥⼀定要有tff格式的字体⽂件，其他的没有没关系

在css样式⾥写如下的代码引⼊样式，路径是相对路径，修改成⾃⼰放置字体⽂件的⽬录即可，KaiGenGothicSC-Normal是引⼊的字体的名称

@font-face {

font-family: 'KaiGenGothicSC-Normal';

src: url('../f');

src:

url('../?#font-spider') format('embedded-opentype'),

电热水器控制器url('../font/KaiGenGothicSC-Normal.woff') format('woff'),

url('../f') format('truetype'),

url('../font/KaiGenGothicSC-Normal.svg') format('svg');

钥匙复制机

font-weight: normal;

塑料围嘴

font-style: normal;

}

3. ⽣成新的字体库

命令⾏输⼊

内外牙血浆分离器font-spider F:\IdeaProjects\IoTWeb\web\*.jsp

【*】是通配符，表⽰会扫描你这个项⽬web⽂件夹下⾯所有的jsp⽂件，然后回车即可，显⽰如下图，表⽰成功了

然后去⾃⼰的font⽂件夹下到重新编译过的⽂件，在css⾥重新引⼊新⽣成的⽂件即可

本文发布于:2024-09-22 09:44:12，感谢您对本站的认可！

标签：安装字体放置路径命令解决

留言与评论（共有 0 条评论）