【ttf压缩】网页开发中引入字体文件过大,加载缓慢的解决办法【字蛛】【web Font】
来源:互联网 发布:public cms 编辑:程序博客网 时间:2024/04/29 13:25
yueyemoyan
web 中文字体演示与工具使用请前往主页:http://font-spider.org/
需要安装 node.js
输入以下命令:
npm install font-spider -g
运行
安装成功之后就开始压缩了
我的目录是这样的
我的css文件开头是这样的
这里要确保ttf文件一定要有,其他的不管
在你的html中也引用了相应的css文件
接下来就是最后一步了 生成新的字体库
nodejs 命令行输入
font-spider C:\Users\wangchao\Desktop\index*.html
也就是你的html完整路径 【*】 是通配符,表示会扫描所有的html文件
然后回车
这样就成功了,在你原来的字体文件目录下会多出相应的压缩之后的字体文件,发现小了很多吧
然后你再引用相关的新的字体文件就行了
到这里就O了,很简单。
阅读全文
1 0
- 【ttf压缩】网页开发中引入字体文件过大,加载缓慢的解决办法【字蛛】【web Font】
- 【ttf 压缩】html网页引用中文字体,文件过大,加载缓慢的解决办法【字蛛】【web font】
- 网页中引入字体@font-face 笔记
- firefox不支持web font字体文件的跨域加载
- 在iOS中使用字体文件.ttf(icon font,可缩放矢量图)
- Web Service 日志文件过大的解决办法
- iOS通过ttf文件加载字体
- C# 从TTF文件加载自定义字体
- 前端开发:艺术字体ttf资源文件
- 安卓开发引用ttf字体文件
- css自定义字体.ttf字体,ie不解析,提示font-face加载错误
- CSS中调用ttf文件中的字体
- 自定义web字体-通过@font-face在网页中嵌入自定义字体
- web字体文件过大优化方案
- 获取TTF文件的字体名
- 获取TTF文件的字体名
- Font 根据路径返回字体(TTF)
- 【工具】在TTF字体中提取想要的文字,让字体文件变迷你
- Linux的nginx环境的vue 部署
- vue轮播图的实现
- IntelliJ 代码颜色含义
- DSP上下电顺序
- Linux常用命令
- 【ttf压缩】网页开发中引入字体文件过大,加载缓慢的解决办法【字蛛】【web Font】
- Python_小猫检测
- JSP
- typedef和#define的用法与区别
- javaweb服务器开发时,包的分类
- Wordpress 4.4.0+ 自定义页面title标签的方法
- Android View api
- 图论定理相关
- DWARF