开源图标字体 uiw-iconfont v1.2.6 发布,新增图标

栏目: 软件资讯 · 发布时间: 8年前

内容简介: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 图片生成的图标字体。

开源图标字体 uiw-iconfont v1.2.6 发布,新增图标

更新内容

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

开发

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

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

npm run font

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

npm run start

【声明】文章转载自:开源中国社区 [http://www.oschina.net]


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

设计方法卡牌

设计方法卡牌

罗莎 等 / 电子工业出版社 / 2017-7 / 79.00

本套设计素材提供了54种设计方法,以卡牌的形式展示给读者,每张卡牌包括该设计方法的基本描述、目的、时间成本、工具渠道、使用阶段、操作步骤及其归类属性等信息。在做设计时,可以根据自己的需求进行卡牌的选择和组合,让设计工作更有灵活性和趣味性。同时,依据设计产品属性的不同,卡牌提供了选择设计方法的推荐模板、方法组合模板、产品阶段划分模板,给初学者在做设计时提供一定的理论依据,帮助读者启发设计灵感,剖析设......一起来看看 《设计方法卡牌》 这本书的介绍吧!

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

MD5 加密
MD5 加密

MD5 加密工具

UNIX 时间戳转换
UNIX 时间戳转换

UNIX 时间戳转换