项目内部使用阿里图标

作者: 赵Wayne | 来源:发表于2022-02-06 19:30 被阅读0次

项目内部使用阿里图标
iOS编码问题-Unicode转UTF-8
在uni-app项目中使用阿里巴巴矢量图标库
重构技巧之其它
9.矢量图库icon-font项目中的运用
@font-face 设置自定义图标字体
阿里的字体库—iconfont
在vue中使用阿里图标库；在iview中使用阿里图标库
在iOS中使用图标字体
记录写icon的方法

阿里云图标库支持绝大部分的设计图标，据我所知一些有经验的设计师也经常在阿里云图标库找灵感，那么我们可以和设计师沟通不用切图让他直接给我门图标代号就可以了，省去了切图的繁琐
【1】登录阿里云图标库，找到合适的N个图标，添加购物车

image.png

【2】点击购物车进入购物车，将购物车图标添加到你新建的项目里，点击确定

image.png

image.png
【3】生成引用源和复制icon代码

image.png

【4】使用
（1）引入源

image.png
（2）使用
例如：<i class="iconfont"></i>*注意一定要放class="iconfont"

image.png

项目内部使用阿里图标
阿里云图标库支持绝大部分的设计图标，据我所知一些有经验的设计师也经常在阿里云图标库找灵感，那么我们可以和设计师沟通...
iOS编码问题-Unicode转UTF-8
公司项目使用的icon是阿里图标库的图标字体。将图标下载到了项目中，在使用中发现"\u"后面必须跟4位16进制（否...
在uni-app项目中使用阿里巴巴矢量图标库
在uni-app项目中使用阿里巴巴矢量图标库 1、在阿里巴巴矢量图标库创建一个项目，并选择需要的图标添加到该项目中...
重构技巧之其它
一、Iconfont 项目管理：统一使用阿里巴巴矢量图标库管理图标上传步骤： ① 点击上传图标 ② 选择所要上传...
9.矢量图库icon-font项目中的运用
前言：今天说下在项目中的使用图标库一、新建图标项目 1、打开阿里巴巴矢量图库这个网站，进入图标管理中，在里面新建...
@font-face 设置自定义图标字体
阿里的iconfont 常用于把小图标转为字体，内部原理就是使用css中的@font-face指定自定义字体使用...
阿里的字体库—iconfont
阿里字体图标库介绍及图标字体的使用方法这篇文章只讲阿里字体图标库的使用，暂不讲图标制作，阿里矢量图标库上的字体图...
在vue中使用阿里图标库；在iview中使用阿里图标库
在vue中使用阿里图标库；在iview中使用阿里图标库；图标库有三种使用方式（Unicode、Font clas...
在iOS中使用图标字体
原文链接：在iOS中使用图标字体在开发阿里数据iOS版客户端的时候，由于项目进度很紧，项目里的所有图标都是用最平...
记录写icon的方法
使用阿里iconfont制作图标