序言
- 前端经常用到文字,但是字体太大了,会导致访问速度变慢,动画卡顿,屏幕闪烁等弱网bug,解决方法也简单,通过本插件可以提取用过的字体,解决这个问题.
- 浏览器发展如雨后春笋,经过数十年的演变,目前已经形成了百家争鸣的局面,虽然防止了垄断的野蛮现象,但却衍生出了各种问题,比如我们这次要解决的兼容性不佳现象,只要提供otf / ttf文件我们就可以返回兼容各浏览器的字体文件格式
- 当然通过接口返回的文案请不要使用这个插件处理
- IOS同学需要自己转换otf文件
贡献
- 右击目录提取所有（可配置内容）
.html,.js,.css文字并去重,放到一个html文件并生成font-spider需要的格式
- 选中otf转ttf(仅win可用,且仅测试了win 10)
- 选中html进行文字提取(win下支持otf,全局支持ttf)
配置项
fontSpider.filterFileExts ， 类型为字符串，内容为需要提取文案的文件后缀名，用逗号隔开，默认为: html,css,js,scss,sass,less,vuefontSpider.filterFileCharset ， 类型为枚举型，内容为需要提取文案的文件编码，枚举值为 ["utf8", "gbk", "big5"]fontSpider.fontFamily ， 类型为字符串，内容为生成的html引用字体包时使用的别名,默认值为: "font%d", 多个字体文件会对应生成font0, font1, font2 ...
使用说明
- 右击目录生成font-spider需要的格式
- 右击调用font-spider(win下会自动把otf转为ttf)
- 最终生成的目录不干扰下一次操作,但建议加入.gitignore
- 当然,跟以前一样,支持右击otf转换ttf
更新历程
- 0.1.9 去掉otf2ttf的相关声明
- 0.1.8 去掉otf2ttf, 这不是一个编辑器该干的事情, 有需要的同学参考python插件 - otf2ttf
- 0.1.7 爬取html + js + css 文件内容时自动补入[a-zA-Z0-9]
- 0.1.6 添加配置项, 允许过滤不需要爬取的一级目录,如.git|node_modules
- 0.1.5 恢复编码项
- 0.1.4 修复阻塞bug
- 0.1.3 添加配置项, 生成的html引用字体文件使用的别名, 默认为: "font%d"
- 0.1.2 添加配置项, 爬取的文件编码, 默认为: "utf8"
- 0.1.1 添加配置项，爬取的文件类型，默认为: "html,css,js,scss,sass,less,vue"
- 0.1.0 修复font-spider引用
- 0.0.3 弃用.bin目录
- 0.0.2 添加vue后缀名支持
- 0.0.1 初始化版本
计划
贡献
最后，这是作者的发布会(微信)群的二维码,加下群,方便作者乞讨
放图片没办法自动更新, 这里是群二维码链接
| |
