开源图标字体 uiw-iconfont v1.2.7 发布,优化样式

同一种调调
 同一种调调
发布于 2018年03月23日
收藏 19

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">&#59907;</span>

开发

    在克隆项目之后运行npm install来安装依赖,你能够做如下操作:

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

npm run font

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

npm run start
本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 开源中国社区 [http://www.oschina.net]
本文标题:开源图标字体 uiw-iconfont v1.2.7 发布,优化样式
加载中

最新评论(2

同一种调调
同一种调调

引用来自“赫兹”的评论

标题又错了~~~~
😅
赫兹
赫兹
标题又错了~~~~
返回顶部
顶部