内容简介:uiw-iconfont v1.2.7 已发布,uiw-iconfont 是从 uiw 组件库抽离出来的图标字体,基于 svg 图片生成的图标字体。 更新内容 优化生成的引用样式。 安装 npm install uiw-iconfont --save 使...
uiw-iconfont v1.2.7 已发布,uiw-iconfont 是从 uiw 组件库抽离出来的图标字体,基于 svg 图片生成的图标字体。
更新内容
优化生成的引用样式。
安装
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]
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:- 开源图标字体 uiw-iconfont v1.2.6 发布,新增图标
- Remix Icon 1.5.0 发布,开源图标集
- Remix Icon 1.5.0 发布,开源图标集
- 除了iconfont,还有这10个开源SVG图标库
- 又一款开源图标库 CSS.GG,值得一用
- [译] 除了 iconfont,还有这 10 个开源 SVG 图标库
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
ARM嵌入式系统开发
斯洛斯 / 北京航大 / 2005-5 / 75.00元
《ARM嵌入式系统开发:软件设计与优化》从软件设计的角度,全面、系统地介绍了ARM处理器的基本体系结构和软件设计与优化方法。内容包括:ARM处理器基础;ARM/Thumb指令集;C语言与汇编语言程序的设计与优化;基本运算、操作的优化;基于ARM的DSP;异常与中断处理;固件与嵌入式OS;cache与存储器管理;ARMv6体系结构的特点等。全书内容完整,针对各种不同的ARM内核系统结构都有详尽论述,......一起来看看 《ARM嵌入式系统开发》 这本书的介绍吧!