Jason-SunQian / myIconFont

一个根据svg图片离线生成iconfont的工具

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

本工具旨在利用已有的svg图片,离线生成iconfont资源文件,可以与第三方iconfont(如阿里)混合使用,且用法与阿里iconfont基本一致

使用说明:

  1. 安装node

  2. 执行命令 npm install

  3. 将svg图片放在svg目录下,多色图标命名必须已“-colours”结尾,单色图标随意

  4. 执行 node index

  5. 完毕后,fonts/下以生成iconfont资源,可通过 http://localhost:3000 进行查看图标

  6. 在项目中使用,需先引入iconfont.css、iconfont.js,如与第三方iconfont混用,还需引入resetFontFamily.css

注意:

1. 如果要与第三方iconfont混用,切记在index.js中修改thirdFontClass值和runWithThird标记。

2. 如果要与第三方iconfont混用,切记要在引用第三方资源文件之后引用myIconfont的资源文件,最后引入resetFontFamily.css(此文件在fonts/下自动生成)

About

一个根据svg图片离线生成iconfont的工具


Languages

Language:JavaScript 47.4%Language:HTML 33.6%Language:CSS 18.9%