uiw-iconfont 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
uiw-iconfont 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
uiw-iconfont 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
uiw-iconfont 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
uiw-iconfont 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !
授权协议 MIT
操作系统 跨平台
软件类型 开源软件
所属分类 其他开源开源字体
开源组织
地区 国产
投 递 者 小弟调调
适用人群 未知
收录时间 2017-11-05

软件简介

开源图标字体

从uiw组件库抽离出来的图标字体,基于 svg 图片生成的图标字体。

安装

npm install uiw-iconfont --save

开发添加

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

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

npm run font

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

npm run start
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
发表了资讯
2018/03/23 09:46

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

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_mo...

2
19
发表了资讯
2017/12/13 10:52

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

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 ...

6
49
发表了资讯
2017/11/13 16:50

uiw-iconfont v1.2.4 发布,开源图标字体

uiw-iconfont v1.2.4 已发布,uiw-iconfont 是从 uiw 组件库抽离出来的图标字体,基于 svg 图片生成的图标字体。 更新内容: 新增 environment, eye, folder, man, user-add, user-delete, usergroup-delete, woman, 等8个图标.

5
45
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
2019/07/21 21:47

iconfont svg

iconfont三种方式的优缺点 unicode 优点: 1.兼容性最好,支持ie6+ 2.支持按字体的方式去动态调整图标大小,颜色等等 缺点: 1.不支持多色图标 2.在不同的设备浏览器字体的渲染会略有差别,在不同的浏览器或系统中对文字的渲染不同,其显示的位置和大小可能会受到font-size、line-height、word-spacing等CSS属性的影响,而且这种影响调整起来较为困难 3.不直观,看unicode码很难分辨什么图标 fontclass 1.兼容性良好,支持ie8+ ...

0
0
发表了博客
2018/10/22 14:56

gulp iconfont

参考如下网站 https://github.com/hjzheng/CUF_meeting_knowledge_share/tree/master/2015-7-24/gulp-test-iconfont gulpfile.js var gulp = require('gulp'); var iconfont = require('gulp-iconfont'); var iconfontCss = require('gulp-iconfont-css'); var template = require('gulp-template'); var fs = require('fs'); var icons = fs.readdirSync('src/style/svg'); icons = icons.map(function(icon) { ...

0
0
发表了博客
2020/01/06 15:52

20200002---iconfont

iconfont官网地址:https://www.iconfont.cn/ 登陆账号:hpmomocha(关联github账号) 使用方式:(1) Unicode (2) Font class (3) Symbol 具体使用方法参考:手摸手,带你优雅的使用 icon

0
0
发表了博客
2019/10/12 21:15

iconfont最基础使用

iconfont最基础使用 一、总结 一句话总结: 你加入购物车然后下载好了图标之后,里面有demo_index.html,会非常详细的教你 Unicode/Font class/Symbol三种使用方式 可以直接引iconfont.css来使用,因为里面的代码就是Unicode用@font-face{}方式定义iconfont字体的方式 1、定义字体的方式(比如iconfont)? @font-face{} @font-face { font-family: 'iconfont'; src: url('../iconfont/iconfont.eot'); src: url...

0
0
发表了博客
2015/08/18 22:40

iconfont图标字体

一.iconfont的优缺点 优点 矢量性 屏幕适配(缩放) 字体性 样式控制(颜色,阴影,甚至浮雕) 文件小 一般20-50KB,比图片小很多,例如typicons库有308个icon,字体文件大小为59KB(woff) ~ 147KB(svg) 图标文件一般1.5KB/个(Sprite只会让总大小更大) 不需要Sprite,易于修改 省去了使用Sprite的麻烦,很容易修改更换 缺点 颜色限制 iconfont只能是纯色或者渐变色,复杂图标无法使用该技术(虽然也有方法可以实现多色ico...

0
0
2019/11/08 15:09

iconfont symbol

1.下载的文件中,引入iconfont.js (svg就在里面了。) 2. 在页面中引用 , <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-qianbaomian"></use> </svg> href='#XXXX' 这ID名就对应在iconfont.js中了。 之前都是用的font-class方式 。 仅作记录了解下...

0
0
发表了博客
2019/09/07 09:26

阿里iconfont的使用

1.找到阿里巴巴图标库 2.找到图标 3.搜索你想要的图标 4.将图标添加到购物车 5.点击右上角的购物车按钮,我这里添加了两个。 6.提示你登陆,不需要花钱,找其中一个账号登陆一下就行了   假如你使用微博登陆,点击以下新浪微博,扫一下二维码就登陆上了,或者使用用户名和密码登陆都可以 7.登陆成功之后,网站会提示你是否同意登陆,点击同意就可以了 8.然后回来接着点击购物车,下载代码: 9.下载解压以下 10.打开加压的文件...

0
0
发表了博客
2018/12/20 20:39

使用iconfont图标

iconfont.cn基本使用 登录iconfont.cn网站,直接使用github账号即可登录 输入关键字搜索需要的图标,然后在需要的图标上点击'添加入库' 点击网站右上角的购物车图标,查看当前已入库的图标 点击下方的[添加至项目]按钮,选择已存在的项目或即时新建一个项目,然后确定 点击顶部导航菜单的[图标管理]\[我的项目],选择一个项目可查看项目内现有的图标 图标列表的上方有几个按钮,最左边的按钮可以选择以Unicode/Font class/Symb...

0
0
发表了博客
2019/07/11 19:59

iconFont字体图标

方法一:简单粗暴法 1.打开 iconFont官网 选择自己喜欢的图标,并且添加购物车 例如我现在选择三个图标 点击购物车,添加至项目 为了方便可以给项目起一个名字 选择Font class 点击“暂无代码,点此生成” 就会出现我们的链接 接下来复制链接地址,在我们的vue项目中,找到index.html文件,引入css样式,记住这里要放上你的链接地址.... <link rel="stylesheet" href="//at.alicdn.com/t/font_528709_jntwl1twn4yj5rk9.css"> 接...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
40 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部