一般写项目会用到很多的icon，假如你没有太多的ui库供你使用这些图标，并且ui给你的图标太麻烦用这个不方便，所以可以用阿里云的图标库做自己的ui库使用，仅限于不知道怎么操作的看，大神掠过。。。。
首先你得有一个阿里云矢量图标的账号和自己的项目库
1575610924(1).jpg
然后你搜索你想要的图标，然后加入购物车
image.png
然后将加载到购物车的图添加到自己的项目
image.png
然后把你项目里面的所有图标的有个链接代码复制到你的css文件中
image.png
注意的是这里的名字一定要一样，然后你用一个class名字，你需要用的地方就添加这个class名字；
image.png
把这个css文件引入到项目中去；
image.png
比如：
<text class="iconfont rt"></text>
中间的文字就是你对应incon的文字
image.png
一般写项目会用到很多的icon，假如你没有太多的ui库供你使用这些图标，并且ui给你的图标太麻烦用这个不方便，所以...
.一、登录阿里云矢量图标库 登录阿里云矢量图标库官网[https://www.iconfont.cn/]，搜索自己...
阿里巴巴图标库 iconfont三种用法：前提都是先要引用iconfont图标库 1.Unicode (font ...
传统引用图片的方式，无非 , 或者css｛background-image:url("");｝例如阿里云邮箱的某个...
常用字体图标库 阿里字体图标库 iconfont fontawesome 字体图标库 首先使用阿里的字体图标库上个...
阿里巴巴矢量图标库: Iconfont Font Awesome，一套绝佳的图标字体库和CSS框架 Materia...
在vue中使用阿里图标库；在iview中使用阿里图标库； 图标库有三种使用方式（Unicode、Font clas...
uniapp的vue文件引入阿里巴巴图标库 1、首先将iconfont.css文件进行处理，将红色框选部分删除，第...
阿里字体图标库介绍及图标字体的使用方法 这篇文章只讲阿里字体图标库的使用，暂不讲图标制作，阿里矢量图标库上的字体图...
全局引入字体图标库，动画库 根目录新建一个common目录，把下载的animate.css和阿里的iconfont...
本文标题：css如何引用阿里云的图标库
本文链接：https://www.haomeiwen.com/subject/vonsgctx.html
网友评论