阿里图标管理网站[iconfont.cn](iconfont.cn)的正确打开方式

阿里图标管理网站iconfont.cn的正确打开方式

不要使用官方示例的图标库。因为你无法为官方图标库追加图标。需要建立自己的图标库。

  1. 注册账号或登陆自己的账号。
  2. 打开“图标管理-我的项目”。
  3. 在主页面查找自己喜欢的图标加入购物车。
  4. 打开右上方的小购物车,将添加到购物车的图标添加至项目;也可以下载素材到本地或者以压缩包的形式下载其代码到本地。
  5. 打开我的项目,在里面可以下载下载的素材包到本地;也可以编辑图标,改变其大小或颜色或图标名。
  6. 解压压缩包,会得到一个文件夹。将里面的iconfont.ttf、iconfont.svg、iconfont.js拷贝到你的移动工程下的static/font文件夹进行替换。再打开下载的文件夹里的iconfont.css,找到新增的那两个名字并复制样式,追加到移动工程static/font文件夹下的iconfont.css里面。
  7. 注意事项:
    不要直接将下载的iconfont.css文件替换到里面。
    不要直接把下载的iconfont.css内容全部替换原来的iconfont.css内容,而是要把相关图标的部分追加到原来的内容后面。
    icon起名时不要加 icon- 前缀,生成的css自动会有 icon- 前缀。
    如需了解更多,请访问weTouch

你可能感兴趣的:(阿里图标管理网站[iconfont.cn](iconfont.cn)的正确打开方式)