uiw-iconfont 1.2.4 发布,开源图标字体

uiw-iconfont v1.2.4 已发布,uiw-iconfont 是从 uiw 组件库抽离出来的图标字体,基于 svg 图片生成的图标字体。css

更新内容

新增 environment, eye, folder, man, user-add, user-delete, usergroup-delete, woman, 等8个图标.html

网站预览:uiw-react.github.io/icons/
官方文档:github.com/uiw-react/i…node

安装

npm install uiw-iconfont --save复制代码

使用

您能够使用 uiw-react.github.io/icons/ 轻松找到您要使用的图标。一旦您复制了所需图标的CSS类名,只需将图标和图标的类名(如apple)添加到HTML元素便可。react

你须要连接CSSgit

<link rel="stylesheet" type="text/css" href="node_modules/fonts/w-iconfont.css">复制代码

用于Less:github

@import "~uiw-iconfont/fonts/w-iconfont.css";复制代码

注意:它有一个w-icon-前缀。web

<i class="w-icon-apple"></i>复制代码

或者使用Unicode,您能够使用Unicode网站轻松找到您要使用的Unicode图标。npm

<style> .iconfont{ font-family: "w-iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } </style>
<span class="iconfont">&#59907;</span>复制代码

开发

在克隆项目以后运行 npm install 来安装依赖,你可以作以下操做:bash

编译字体 *.svg *.ttf *.woff *.eot 等字体文件app

npm run font复制代码

编译网站并提交到gh-pages分支

npm run start复制代码
相关文章
相关标签/搜索