大家好，我是老斑鸠，今天让我们了解一下iconfont.cn的使用方法。
这个网站就是阿里巴巴矢量图标库，如果大家在写页面的时候想使用一些矢量图，那就来这个网站，下面我来一步一步的叫大家如何使用这个网站。
1，打开网址https://www.iconfont.cn/， 你需要注册登录一下，支持GitHub，微博快速登录：
2，在搜索框输入你想要的矢量图名称：
3，选择你喜欢的图标，然后点击购物车的小图标：
4，进入你的购物车，点击添加至项目，然后确定：
6，点击symbol，点击生成代码，把代码复制到你的html文档中的script元素的src属性：
7，点击使用帮助，下拉到symbol引用，因为上面代码我们已经复制了，所以直接看第二步第三步，把它们的代码直接复制到你需要的地方：
8，上面的第三步，把代码icon-xxx换成你矢量图的名字，注意保留#，你矢量图的名字在下图里面的复制代码，点击复制代码：
完成啦，就这么简单，再见！
学习了一下Iconfont的使用方法 1：登录http://iconfont.cn/home/index?spm=...
大家好，我是老斑鸠，今天让我们了解一下iconfont.cn的使用方法。 这个网站就是阿里巴巴矢量图标库，...
首先分享一个图标库，由阿里巴巴分享：iconfont.cn。如果我要使用iconfont.cn上的svg，那么首先...
问题描述 我把在iconfont.cn[iconfont.cn]上下载的图标代码放到应用上时，发现有的图标显示正常...
设计素材图标：http://iconfont.cn/repositories图标：https://icomoon....
先去iconfont.cn添加你需要的图标，在项目中引用 效果
图标 https://icomoon.io/app/#/select http://iconfont.cn/rep...
使用阿里字体图标库iconfont.cn font class方式应用
图片素材https://dribbble.com/http://iconfont.cn/ Gradle 各个版本的...
reset.css border.css iconfont.cn stylus vue-awesome-swipe...
本文标题：iconfont.cn的使用方法
本文链接：https://www.haomeiwen.com/subject/xfnqeqtx.html
网友评论