css3fonts
快速入门指南：
这个
CSS3
字体转换器是一个 shell 脚本，它允许开发人员使用命令行将一组
字体，
TTF/OTF/WOFF/WOFF2
转换为所有其他当前使用的
CSS3 @font-face 格式（即 EOT、SVG、WOFF , WOFF2)。 句法：
css3fonts <filelist>
例如，如果您想
转换项目
字体文件夹中的所有
ttf 文件并将样式表输出到您的 s
css 文件夹，则可以在您的项目库中输入以下命令：
$
css3fonts fonts/*.
ttf --prefix="ProjectName" -o s
css/_fonts.s
css
然后
字体将
转换为 .eot、.woff 和 .svg 格式。 它还将生成一个样式表，stylesheet.
css，它将使用新的防弹@Font-Face 语法生成@font-face 规则。
**本文转载自 https://www.cnblogs.com/victorlyw/articles/9970805.html
解决方案就是将文字设置为 base64 编码
字体转base64编码网址：https://transfonter.org/
具体步骤如下：
打开刚刚我们经过转换的解压出来的文件，找到stylesheet.css，复制 里面内容
@font-face {
font-fam...
在线
转换地址：https://transfonter.org/
使用
ttf文件转换base64
如果你在阿里矢量库下载了
字体图标在项目引入无法显示时，可以把图标转成
base64
如果你在阿里矢量库下载了
字体图标不想以
文件的形式使用，可以把图标转成
base64
推荐在小程序/uniapp/移动端项目中使用
在阿里矢量库下载好
字体图标，准备好
ttf文件
打开在线
转换地址
上传
ttf文件，选择好相应的配置进行
转换
下载
转换好的
文件，找到staylesheet.
css文件中的
base64代码
Data URI，不是URL
URL是uniform resource locator的缩写，在web中的每一个可访问资源都有一个URL地址，例如图片，HTML文件，js文件以及style sheet文件，我们可以通过这个地址去download这个资源。
其实URL是URI的子集，URI是uniform resource identifier的缩写。URI是用于获取资源，包括其附加的信息的一种协议。附加信息可能是地址，也可能不是地址，如果是地址，那么这时URI就变成URL了。注意的是data URI不是
开发人员可以为自已的网页指定特殊的
字体（将指定
字体提前下载到站点中），无需考虑用户电脑上是否安装了此特殊
字体。从此，把特殊
字体处理成图片的方式便成为了过去。
支持程度比较好，甚至 IE 低版本的浏览器也能支持。
字体的常见格式
不同浏览器所支持的
字体格式是不一样的，我们有必要了解一下
字体格式的知识。
TureTpe格式：(.
ttf)
.
ttf 字体是Windows和Mac的最常见的
字体，是一种RAW格式。
支持这种
字体的浏览器有IE、Firefox、Chrome、Safari、Opera
小程序项目中需要使用到字体图标，微信小程序中使用字体图标与在平常的web前端中类似但是又有区别。具体使用步骤如下：
第一步：下载需要的字体图标
进入阿里图标官网http://iconfont.cn/搜索自己想要的图标，如这里需要一个购物车的图标，流程为：
搜索“购物车”图标—>点击“添加入库”–>点击购物车进入购物车–>点击下载代码按钮。
点击“下载代码”，将得到名为downl...
之前听说过这种比较厉害的手段，昨天算是领教到了，弄了大半天原理，寻找映射关系，看了好些个案例，有汽车之家，58同城，猫眼电影等案例。
其实，思路是大致一样的，寻找映射关系，总会有不变的地方。先看下网站源码和显示的区别。
每次刷新源码的数字都会变化，但是显示的数据是不变的。查看后发现是base64加密，自定义了字体，转换了数字，0-9，对应不一样的数字。下图就是自定义的字体的字符串，直接复制到最后括号")“之前，以”="号结束。
然后通过fonttools工具转换成字体文件（.ttf，woff）等文件形式
