用字蛛（font-spider）压缩字体，字体大小不变问题。

用字蛛（font-spider）压缩字体

1.安装nodejs和npm扩展
2. 安装font-spider
3.建一个font.css
4.再建立一个font.html
5.然后开始压缩字体（其实就是把用到的文字挑出来）

1.安装nodejs和npm扩展

请参照https://jingyan.baidu.com/article/48b37f8dd141b41a646488bc.html
下载路径https://nodejs.org/en/download/
安装的时候选择add to PATH 这样node npm 模板都安装了
安装完毕后，输入cmd后敲回车，在打开的命令行界面，依次输入命令：
node -v
npm -v
如果正确输出版本号，说明我们的NodeJS和NPM就安装好了

2. 安装font-spider

在cmd命令里
执行 npm install font-spider -g
安装成功后输入font-spider，如果显示下图信息就说明安装成功了

如果安装慢的话用淘宝镜像

打开nodejs客户端或命令行
输入以下命令：
npm config set registry http://registry.npm.taobao.org
npm info underscore （如果上面配置正确这个命令会有字符串response）
命令行指定
npm –registry http://registry.cnpmjs.org info underscore

3.建一个font.css

@font-face {font-family: 'Normal';src: url('./SourceHanSansK-Normal.ttf');
}
#j {font-family: 'Normal';
}

4.再建立一个font.html

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta http-equiv="X-UA-Compatible" content="ie=edge" /><link rel="stylesheet" href="./font.css" /></head><body><h1 id="j">这里就是你用到的文字</h1></body>
</html>

5.然后开始压缩字体（其实就是把用到的文字挑出来）

font-spider ./font.html

这个用相对路径或者绝对路径都可以
最重要的一点是字体必须是.ttf格式文件，其他格式文件无效
成功后原来的字体文件会在一个文件夹里，新生成的ttf文件代替了原来的字体，这个适合无法直接搜索到相应文字的，如果本身就是静态html文件的话，直接在项目里用就行。

用字蛛（font-spider）压缩字体，字体大小不变问题。相关推荐

使用字蛛实现字体压缩
一.安装 1.安装 node 在使用字蛛压缩字体之前,需要安装 Node.js.下载地址如下 https://nodejs.org/en/ 下载完后,一路下一步安装安装完后,win+R 输入 nod ...
使用字蛛font-spider压缩font.ttf文字（思源宋体）的步骤方法
在开发中常常会遇到使用字体的时候,但是字体一般体积都很大,网页加载起来会很慢,所以必须要讲字体文件进行压缩(ttf字体压缩,抽取指定字符串,减少字体包大小). 注意点:字蛛只能针对html文件中字体, ...
字蛛压缩ttf字体（前端常用）
!!!压缩的只有调用字体的文字字蛛压缩后有些文字不起作用字蛛在压缩过程中只将调用字体的文字进行压缩,其他文字将不被压缩 1.准备在页面中引用字体 <html><head> ...
android html字体大小,android Html.fromHtml font 标签支持设置字体大小和颜色
由于在android 中的Html源码中对html标签的支持不是很完全,在使用textview加载html自定义字体样式的时候遇到坑了,就是font标签不支持size属性,查看源码中发现没有去解析si ...
记一个小工具——font-spider(字蛛-css压缩中文字体字体）
font-spider 链接用处安装和用法链接先上一个官方链接吧字蛛再来一个Git地址字蛛Git地址用处这是一个压缩中文字体的小工具,用于前端开发过程中页面需要特定的文字,这些文字要是 ...
html的font字号1-7,CSS 字体大小font-size设置
CSS font-size字体文字大小样式属性-字体大小样式篇: 本节DIVCSS7为大家介绍通过CSS样式设置文字字体大小知识,涉及CSS样式单词font-size. 一.设置字体大小CSS单词与语 ...
python使用matplotlib可视化、使用fontsize参数设置单个图像的字体的大小、使用rcParams.update参数全局设置字体的大小（font size）
python使用matplotlib可视化.使用fontsize参数设置单个图像的字体的大小.使用rcParams.update参数全局设置字体的大小(font size) 目录
html font设置字号,CSS font-size字体文字大小样式属性
CSS font-size字体文字大小样式属性-字体大小样式篇: 本节DIVCSS5为大家介绍通过CSS样式设置文字字体大小知识,涉及CSS样式单词font-size. 一.设置字体大小CSS单词与语 ...
文本编辑器中实现自定义编辑框中字体和大小的功能
文章目录 1 文本编辑器中实现自定义编辑框中字体和大小的功能 1 文本编辑器中实现自定义编辑框中字体和大小的功能实现思路: 通过QFontDialog选择字体及大小. 将QFont对象设置到文本编辑 ...

用字蛛（font-spider）压缩字体，字体大小不变问题。

用字蛛（font-spider）压缩字体

1.安装nodejs和npm扩展

2. 安装font-spider

3.建一个font.css

4.再建立一个font.html

5.然后开始压缩字体（其实就是把用到的文字挑出来）

用字蛛（font-spider）压缩字体，字体大小不变问题。相关推荐

最新文章

热门文章