1. 利用ai （adobe illustrator 工具）制作一个svg 2. https://www.iconfont.cn/help/detail?spm=a313x.7781069.1998910419.d1c73b2de&helptype=draw&step= ...

iconfont三种方式的优缺点 unicode 优点： 1.兼容性最好，支持ie6+ 2.支持按字体的方式去动态调整图标大小，颜色等等 缺点： 1.不支持多色图标 2.在不同的设备浏览器字体的渲染会略有差别，在不同的浏览器或系统中对文字的渲染不同，其显示的位置和大小可能会受到font-size ...

一、前言 说起Iconfont，对大多数人来说可能不是什么新的技术了，现在好多大网站已经开始使用Iconfont。博主今天主要是简单说一下它的使用方法，聊聊使用它时可能遇到哪些坑，不熟悉的同学可以简要看一下，资深了解的同学，如果发现问题，还请指正。 二、什么是Iconfont 有的同学 ...

首先你要有一个图标库的账号，我们使用的是阿里矢量图标库，其次你要有一套已经设计好的图标原图。如果你具备了这些，就可以和我一起看iconfont的使用姿势了。 写在前面 不结合其他矢量库或UI框架一起使用的方法，可以参照官网的指示进行操作：http://iconfont.cn/plus ...

例： <link href="../resources/css/iconfont/iconfont.css" rel="stylesheet" type="text/css"> 加上 rel="stylesheet" 否则会不显示 　　 ...

图标字体(IconFont)介绍 图标字体(IconFont)现在越来越被广泛使用，大大提高了网页的多样化，解决了视网膜屏幕失真的问题。 据说微软从IE4开始支持的这个私有方法(@font-face)，后来W3在CSS2中也引入这个方法，但是后来CSS2.1又被删除了，真是遗憾。直到CSS3 ...

layui的图标取自于阿里巴巴的矢量图标库 Iconfont，同样的，这篇教程也是基于Iconfont进行扩展。 第一步，通过浏览器打开 http://iconfont.cn/ ，访问阿里巴巴矢量图标库。 第二步，通过右上角的用户图标，授权登陆一个账号，在此我选择使用Github作为登陆账号 ...

我之前因为项目用bootstrap比较多,所以使用font awesome字体图标比较多,后来接触到了iconfont,发现想要的什么图标都有,还可以自定义图标,非常强大!之前看了一波教程,觉得繁琐,自己弄明白后感觉如此简单,做了这么个简单教程,直接上图,简单粗暴,避免新手走弯路,这里讲解的默认 ...