字体⽂件压缩——字蛛（FontSpider）
简介
(FontSpider) 是⼀个中⽂字体压缩器；
字蛛通过分析本地 CSS 与 HTML ⽂件获取 WebFont 中没有使⽤的字符，并将这些字符数据从字体中删除以实现压缩，同时⽣成跨浏览器使⽤的格式。
安装
请先确保有NodeJs，然后开始使⽤
npm install font-spider -g
构建插件： |
使⽤
在 CSS 中使⽤ WebFont
/*声明 WebFont*/
@font-face {
font-family:"SourceHanSerifCN-Regular";
src:url('../');
src:咏柳的咏意思是什么
url('../?#font-spider')format('embedded-opentype'),橄榄核怎么盘
url('../font/SourceHanSerifCN-Regular.woff')format('woff'),
url('../f')format('truetype'),
url('../font/SourceHanSerifCN-Regular.svg')format('svg');
font-weight: normal;
立冬有关的暖心的句子font-style: normal;
}
使⽤css选择器指定字体
.nav-menu .tel-number{
font-family:'SourceHanSerifCN-Regular';
font-size:28px;
letter-spacing:3px;
color: #989696;
margin-left:16px;
}
1. @font-face 中的 src 定义的 .ttf ⽂件必须存在，其余的格式将由⼯具⾃动⽣成
鲁滨逊漂流记主要内容2. 开发阶段请使⽤相对路径的 CSS 与 WebFont
如果只有后缀名为 .otf 的字体⽂件，也可以使⽤字体转换⼯具 FontCreator（百度破解版⾃⾏下载就好了）
运⾏ font-spider 命令
/*加 --debug 能查看⽇志*/
//单个html⽂件
stand的过去式font-spider --debug ./index.html
//多个html⽂件
font-spider --debug ./*.html
电视机做显示器可能遇到的问题
有⼀次⼀个字体⽂件怎么压缩都没⽤，还是源⽂件的⼤⼩，并且也没有⽣成.eot、.woff、.ttf、.svg这些⽂件。
我试着换了个⽹站，重新下了⼀个该字体的⽂件，就好了。
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论