用font-spider释放字体文件大小,只取所需!
来源:互联网 发布:云计算与大数据 编辑:程序博客网 时间:2024/06/06 01:29
针对网页上部分字体,设计师也要求必须用特殊字体来显示,或者只有0-9数字需要用特殊字体,但是一个字体包3M,4M……好大啊,啊啊啊,怎么办,字蛛神器帮助你。
假设有这样的需求,一个捕捉萤火虫的项目,最后需要计分,页面比较梦幻,所以分数呢,也希望是一种荧光的字体。
1. @font-face
去定义字体,在1.html
里面定义个标签把该特殊字体的class给该标签,标签内把0-9数字写全。
2. 正题来了,用npm来全局安装:
npm install font-spider -g
3. 使用,在该html所在的父级上打开命令行工具执行,
font-spider 1.html
,
字蛛会自动爬行页面上的用到文字,把他们拣出来。
4. 这样就把一个原本好几兆的字体变成了8K多。
5. 生成好后,你会发现,
在font文件夹下多了一个.font-spider文件夹其实就是你之前的大字体文件,删掉即可; 在该css内定义的除了0-9之外的是不会变成特殊字体的,因为这个字蛛爬行的只是0-9。
0 0
- 用font-spider释放字体文件大小,只取所需!
- 获取@font-face所需字体格式
- 如何使用font-spider
- Reactive Cocoa Tutorial = 只取所需的Filters
- font字体
- Font字体
- Font字体
- oracle 利用 ROW_NUMBER() OVER实现重复数据只取一条并且循环取直到满足所需的条数
- (实验)Java一个线程用synchronized嵌套锁多个对象时调用wait()只释放wait函数关联的所对象还是释放所有锁对象
- 基于font-spider的前端字库优化
- 字体Font的使用
- 字体(FONT)标记(TAGS)
- 【文档】字体 / Font
- 字体(FONT)标记(TAGS)
- 字体 --- Font&&Size
- CSS font-family字体
- 字体(FONT)标记(TAGS)
- Font字体类 java
- qt常用的基本属性设置
- 三维点云拼接 标记点拼接 SVD分解法
- js $.each用return 后为什么后面的js还可以执行
- Microsoft Office Professional Plus 2007 简体中文版
- 第十六周项目7—基数排序
- 用font-spider释放字体文件大小,只取所需!
- 避免同一activity下 多个fragment 切换时重复执行onCreateView方法
- Java中的XML
- 安卓棉花糖动态权限适配
- Android stutdio2.2 启动模拟器出现“/dev/kvm is not found.”解决方法
- 一些最小生成树的性质
- 第15周项目3 - B-树的基本操作
- LeetCode-Array-414. Third Maximum Number
- 第十五周项目1—验证算法(直接插入排序)