在项目中加入阿里矢量图标库
2019-08-13 09:40
274 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_37908708/article/details/99407683
首先登入网址https://www.iconfont.cn/
选中图标加入购物库
之后添加进入项目可以自己创建
之后点击查看链接
将生成代码赋值到所需要的界面的css中
不过复制过去之后需要加上http: 不加好像也可以
同时需要设置iconfont样式
.iconfont{
font-family:“iconfont” ;
/* font-size:16px; */
font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
设置完成之后
一般用i标签中间的代码为生成代码复制过去就好
我只用这种
相关文章推荐
- 微信小程序~使用阿里矢量图标
- react 使用矢量图标--阿里的矢量图
- 阿里巴巴矢量项目图标制作流程
- Vue、Element-ui项目中如何使用Iconfont(阿里图标库)
- 如何把阿里图标库的图标生成代码并应用于自己的项目
- vue项目引入阿里图标
- vue项目打包后阿里图标库图标显示不正确问题
- 微信小程序中使用阿里矢量字体图标
- 项目开发必备:Iconfont-阿里巴巴矢量图标库
- 阿里巴巴矢量图标库项目中使用svg格式字体图标 3种使用方式
- 微信小程序使用阿里矢量图标 iconfont
- iconfont的使用,阿里矢量图库的引用,配置,改变图标大小和图标颜色
- vue项目使用阿里巴巴矢量图标库教程
- spring项目加入jta分布式事务的实现方式: Atomikos
- ssm+maven项目中加入“百度富文本编辑器”,实现图片上传
- 在表格项目前加一个小图标的代码
- 关于Eclipse项目中加入jquery.js文件报错(missing semicolon)问题
- eclipse项目加入v4包支持的简单方法,无需过多设置
- 阿里字体图标使用方法
- 马云说996是巨大福气,加入阿里做好每天12小时准备!