内容简介：uiw-iconfont v1.2.6 已发布，uiw-iconfont 是从 uiw 组件库抽离出来的图标字体，基于 svg 图片生成的图标字体。 更新内容 新增 map android-o dashboard table qrcode printer barcode 等7个图标. 安装 ...
uiw-iconfont v1.2.6 已发布，uiw-iconfont 是从 uiw 组件库抽离出来的图标字体，基于 svg 图片生成的图标字体。
更新内容
新增 map android-o dashboard table qrcode printer barcode 等7个图标.
安装
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
【声明】文章转载自：开源中国社区 [http://www.oschina.net]
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网
猜你喜欢:
- Remix Icon 1.5.0 发布，开源图标集
- Remix Icon 1.5.0 发布，开源图标集
- 除了iconfont，还有这10个开源SVG图标库
- 又一款开源图标库 CSS.GG，值得一用
- [译] 除了 iconfont，还有这 10 个开源 SVG 图标库
- uiw-iconfont v1.2.4 发布，开源图标字体
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
