uiw-iconfont v1.2.4 已发布,uiw-iconfont 是从 uiw 组件库抽离出来的图标字体,基于 svg 图片生成的图标字体。
更新内容
新增 environment
, eye
, folder
, man
, user-add
, user-delete
, usergroup-delete
, woman
, 等8个图标.
网站预览:uiw-react.github.io/icons/
官方文档:github.com/uiw-react/i…
安装
npm install uiw-iconfont --save
使用
您可以使用 uiw-react.github.io/icons/ 轻松找到您要使用的图标。一旦您复制了所需图标的CSS类名,只需将图标和图标的类名(如apple)添加到HTML元素即可。
你需要链接CSS
<link rel="stylesheet" type="text/css" href="node_modules/fonts/w-iconfont.css">
用于Less:
@import "~uiw-iconfont/fonts/w-iconfont.css";
注意:它有一个w-icon-前缀。
<i class="w-icon-apple"></i>
或者使用Unicode,您可以使用Unicode网站轻松找到您要使用的Unicode图标。
<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"></span>
开发
在克隆项目之后运行 npm install
来安装依赖,你能够做如下操作:
编译字体 *.svg
*.ttf
*.woff
*.eot
等字体文件
npm run font
编译网站并提交到gh-pages分支
npm run start