如何制作icon-font小图标
1、首先可以去iconfont.cn阿里巴巴矢量字体库中下载你想要的图标（选择格式为SNG格式）。 2、打开iconmoon这个网站（这个样子的），然后点击右上角那个Iconfont App如下图: 3、上面有一个紫色的 Import Icons 点击上传你下好的 SVG 图标 ...
原文：把UI图里的小图标制作成icon font
一个交互比较多的UI图里面可能会有很多小图标，一般可用sprites图将多个小图标弄成一张大图，或者其它的办法，各种方法的比较可参见博主的另外一篇博客使用css 新属性clip path制作小图标，本文深入讨论使用icon font的的制作方法：在PS里面导出svg，制作字体图标。这种方法既有sprites图不需要浏览器发多次请求的优点，也有使用clip path svg矢量无损的优点，并且支持 ...
2015-11-25 23:14 1 5307 推荐指数：
相关推荐
Font Awesome-用CSS实现各种小图标icon
Font Awesome为您提供可缩放的矢量图标，您可以使用CSS所提供的所有特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。官网：http://fontawesome.dashgame.com/ 下面的代码是我自己整理的一些网页中常用的小图标，更多图标请访问官网查看详情 ...
web icon小图标字体
相信大家在很多网站都已经看到icon小图标被大量使用，那么icon小图标是怎么做成的呢，下面就稍微描述一下，多余的话就不说了，直奔主题吧。 icon小图标现在基本上有三种方式： 一、css sprite 也叫css雪碧或者css精灵，这种方法主要是用背景定位和背景图片，网上太多 ...
icon-font图标介绍
声明：此文转载自：http://www.cnblogs.com/tblog/p/4738816.html，仅供本人学习参考，版权归原作者所有！ 前言 像素完美（Pixel Per ...
请用fontAwesome代替网页icon小图标
1. 引言 网页小图标到处可见，如果一个网页都是干巴巴的文字和图片，而没有小图标，会显得非常简陋。下面的小图标，你是不是会经常用到？ 你可能说——“我们用的都是彩色的，不是黑白的”——别着急，下面会讲到。因为它们也可以变为彩色的。 黑白的也好，彩色的也罢，如果用传统的“css + 图片 ...
CSS之fontAwesome代替网页icon小图标
引言 奥森图标（Font Awesome）提供丰富的矢量字体图标—通过CSS可以任意控制所有图标的大小 ，颜色，阴影。 网页小图标到处可见，如果一个网页都是干巴巴的文字和图片，而没有小图标，会显得非常简陋。下面的小图标，你也可能经常会看到的，如图所示： 你可能说——“我们用的都是彩色 ...
纯css制作的打勾（√）小图标
...
阿里UX矢量图标库–最强大的矢量图标库（Icon font制作力荐工具）
继前面介绍过ICON-FONT的制作后，找了几个ICON库都是国外的今天偶然发现阿里巴巴的图标矢量库，www.iconfont.cn 用了之后感觉很强大，丰富的图标库(集合阿里妈妈&淘宝的图标库)，还支持自己上传，关键还能生成你项目专用的CDN，速度不言而喻，支持国产。下面引用介绍 ...