0.1.1 • Published 2 years ago

transform-iconfont v0.1.1

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

transform-iconfont

https://github.com/Yorksh1re/transform-iconfont

不依赖transfonter将iconfont转换为base64格式。

0x00 Install

yarn add transform-iconfont
# or
npm install --save-dev transform-iconfont

0x01 use

  1. 生成 Font class 地址并复制到剪贴板。 image-20220206144024990
  2. 在package.json里声明 "iconfont"。

例:

{
  "name": "example-project",
  "dependencies": {
    ...
  },
  "devDependencies": {
    ...
  },
  // 添加以下代码
  "iconfont": {
    "src": "at.alicdn.com/t/font_3166948_nxm1dlg2hi.css",
    "output": "./output/iconfont.css"
  }
}
属性字段类型描述
srcurlIconfont生成的font class url
outputpath输出的css文件目录(如果目录不存在即创建目录)
  1. 执行生成命令。

    $ npx tficon
    	# or
    $ npx transfonter
    	# or
    $ npx transform-iconfont
  2. 生成完成。 image-20220206144542582

  3. output: image-20220206144659293