前几年已经开始流行icon font，很多项目为了节省网站空间，实现开发时灵活的图标大小和颜色等样式修改都已经采用icon font。css3里面自定义字符（@font-size）已经被各大浏览器支持，即便是古老的IE系列，可得到很好的支持。 基础使用方法 两种方法，一种是在标签上用data- ...

1.阿里矢量图标库 原理：通过将svg等格式的矢量图改变为相应的字体，用户通过 阿里矢量图标库，可以当做一个icon库使用，可下载png格式图标 也可下载svg格式，复制svg代码 也可加入购物车，然后放到某个项目中，通过在线的方式使用。 2.在线使用的方法 1.加入购物车 2. ...

阿里矢量图标的使用： 1）通过检索界面搜索到需要的图标，添加到购物车 2）打开购物车--选择“下载代码”|打开购物车--添加入项目--在项目中下载代码 3）将下载好的文件夹中的字体文件（.eot|.ttf|.svg|.woff|.woff2）放入项目的fonts文件夹 ...

Iconfont-阿里巴巴矢量图标库 下面就讲一讲怎么在nuxt中使用iconfont 一、普通 ...

前端中网站使用的图标,看着很像图片,但是他其实算是一种字符,例如淘宝中的购物车图标还有搜索图标. 咱们若是要使用的话,不用怕.Iconfont-阿里巴巴矢量图标库https://www.iconfont.cn/ 这个网站已经为我们准备好了. 今天我就来把插入方法说一下. 先说下使用 ...

1、注册登录账号 网站地址：https://www.iconfont.cn/ 该网站可通过GitHub或新浪账号进行登录 下面是网站的首页 2、查找图标 在中间输入框输入想要查找的图标,。以‘home’为例，点击搜索，即可得到以下页面。 3，将图表添加至项目。 选中自己需要 ...

矢量图标库 下面就讲一讲怎么在nuxt中使用iconfont 一、普通没有颜色的 ...

官方注册注册 1、加入购物车 在阿里矢量图标库将想要的图标加入购物车，然后在购物车中将图标添加到项目； 2、下载 到我的项目 ...