引入字体包中的数字(fontmin-app、transfonter)

645 阅读1分钟

fontmin-app_github

fontmin-app_应用下载地址

字体转css

先将ttf字体包转成只包含数字和小数点的ttf字体包

  1. 输入文本片段,需要哪些就写哪些
  2. ttf包拖入指定位置
  3. 点击生成
  4. 生成后自动打开生成结果的目录

image.png

这个时候新的ttf包只有 4KB 了

image.png

transfonter 转 css 文件

  1. 选择上传ttf格式、选择输出Base64 encode
  2. 上传字体
  3. 上传完毕之后点击转换
  4. 转换完成后下载css
  5. 转换完成后预览

image.png

image.png

image.png

最终得到的css样式只有5KB

image.png

引入字体包后设置字体的差异如图

image.png