【font-spider】网页中引用字体文件过大的解决办法，网页字体文件压缩

font-spider（字蛛）官网:
字蛛
github源码

安装

先要安装npm与node
安装好之后就可以直接安装字蛛
我用了centos的服务器用npm全局安装font-spider

# npm install font-spider -g

安装之后输入

# font-spider

看到下面的就说明安装成功了

使用方式

首先要有项目中的html文件在其外联的css样式中要规定字体文件
创建的css文件我这里命名为css.css

在 CSS 中使用 WebFont：
@font-face{font-family:'汉仪乐喵体简';src:url(../HYLEMIAOTIJ.TTF);
}
body{font-family:"汉仪乐喵体简";
}

文件并不是全部都需要只要其中有一个就行。在生成新的字体文件的时候所有对应的格式都会生成
在html中外联这个css文件
font.html:

<!doctype html>
<html lang="en">
<head><meta charset="UTF-8"><title>main</title><link rel="stylesheet" href="css/css.css">
</head>
<body><div>这是测试的字1234567890!@#$%^</div>
</body>
</html>

在使用fonts-spider之前先cd到目标文件目录就是你需要生成的新的字体文件的html目录
或者写全目录
使用font-spider生成：

# font-spider *.html

*是通配符代表所有的html文件
输入之后回车开始生成：

我这里由于测试的html中字少所以字体文件只有8kb左右实际情况下如果html中字的种类越多生成的字体文件越大但是绝对比原来的字体文件小很多
生成完毕的字体文件会代替原来的字体文件，而原来完整的字体文件会进入到当前目录下的一个叫.font-spider的隐藏文件中

开心。-。以后再也不怕设计稿用个大段的特殊字体了。当然最好的解决办法就是尽量别在网页上用特殊字体！

欢迎评论点赞哦

【font-spider】网页中引用字体文件过大的解决办法，网页字体文件压缩相关推荐

manjaro xfce桌面 Terminal终端显示字体间距过大的解决办法
manjaro xfce桌面 Terminal终端显示字体间距过大的解决办法执行下面两条命令即可: sudo pacman -S wqy-bitmapfont sudo pacman -S wqy- ...
Win10的界面字体突然变大的解决办法
原文链接:https://blog.csdn.net/jackydi/article/details/106254677 今天不知道做了什么操作,win10桌面和工具栏上的字体变得非常大,但正文的字体 ...
mysql ibdata1 压缩_MySQL ibdata1文件太大的解决办法
在MySQL数据库中,如果不指定innodb_file_per_table=1参数单独保存每个表的数据,MySQL的数据都会存放在ibdata1文件里,时间久了这个文件就会变的非常大. 下面是参考网上 ...
mysql data 文件过大_MySQL ibdata1文件太大的解决办法
在MySQL数据库中,如果不指定innodb_file_per_table=1参数单独保存每个表的数据,MySQL的数据都会存放在ibdata1文件里,时间久了这个文件就会变的非常大. 下面是参考网上 ...
php日志文件过大,Windows服务器系统下Apache的error.log文件过大的解决办法
今天打开我的电脑的时候,突然发现硬盘空间少了很多,仔细检查各个文件夹大小后发现,Apache文件夹的log目录占用了将近7个G的空间,把文件夹下的error.log删除重启Apache发现,error ...
Oracle笔记-USRS01.DBF文件过大，解决办法
在客户那边跑了1年多的程序没有出现问题,在公司弄了个开发环境,隔个几个星期就出一次问题.发现是公司这边缺乏运维人员造成的,说明都是靠开发自己干.一个字累. 这次,家里面测试环境突然间异常了,程序还在运 ...
nohup.out文件过大的解决办法
我们在用nohup启动类似weblogic应用程序时,由于不断的日志写入操作,nohup.out会越来越大.如果要删除nohup.out,由于进程的占用,该日志文件占用的磁盘空间并不会释放.这个时候重 ...
7z解压crc错误_winrar压缩包提示crc校验和错误，文件被破坏的解决办法
winrar压缩包提示crc校验和错误,文件被破坏的解决办法书法字体2020.05.09rar校验错误当你辛辛苦苦下载下来的RAR压缩包解压文件时提示"crc校验和错误,文件被破坏... ...
网页中层或菜单被Flash挡住的解决办法
网页中层或菜单被Flash挡住的解决办法网页层或菜单经常被flash盖住部分看不到,影响美观,在flash代码中加入以下代码: <param name="wmode" va ...
在网页中引用DWG控件，交互绘图，和响应鼠标点击对象的方法
在网页中引用DWG控件,交互绘图,和响应鼠标点击对象的方法 [MXDRAW CAD控件文档] 下面帮助的完整例子,在控件安装目录的Sample\Ie\iedemo.htm中. 主要用到函数说明 A. ...

【font-spider】网页中引用字体文件过大的解决办法，网页字体文件压缩

安装

使用方式

【font-spider】网页中引用字体文件过大的解决办法，网页字体文件压缩相关推荐

最新文章

热门文章