阿里巴巴iconfont加入新的图标如何操作

官网：阿里巴巴图标库

将图标加入购物车
添加至项目，单独下载也可，创建项目是为了方便管理
再次下载
这4个字体文件把原项目中的替换掉
iconfont.css文件中的base64编码的url替换掉原来的

url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAPEAAsAAAAAB/QAAAN2AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDMgqDDIJYATYCJAMUCwwABCAFhG0HTRvpBsgehXEbHYpTqaxs333Ew//v92ufK5+HaYMk3ui+OklXxxOJZpJ0puUpeULxEt7/6dQvDABdSpPNW4FZkU+yYpCedCpgmEsIUwimAm7NVpqSnLvB//+90/9/ZQnMa89yWXPQHNQJMA4oy/am+hRYgAUSmDeM3UR5ELcJ9JhiQW3PXrgSQhVgUSAuFFmA0JRRqckPjdAp2Vkg3oHTpEq6HcAb/378B1eEgqRmACt3jmZ5YOqvsJ+fmIKRAhspBqLx7ND2kbEMFOKy1HmBCZPLGD3OeNY60KORpLGGJf68+PPTSEss3ZG6ByqN8cdLCtEBkNsH1sVU4VcYRmR+JSKCXxcRiV+fxC+msoIetKxT4DsA+jRHyLIuR4onJcWGJW7Bsjg4uHpoaM3AwKr+/s1IvjLgJ99ncHATbi24WJUstRVeqZblA23JyW1tiZ6WgiTceiAl5cCB5C1swbOIuOoXGdzh5+Nizz4V7vUUdFf1FvYp0W2HU9bcqLZOO/Qgg5+wrvXg/qVFZ/echxveU8zAIHMS8qj8lMoT7exJNi46ebOEvnmTKYEjbtwspYvpWzfpEoEnjdZsScmHMtwZh5KSDqerG2HLdVPT6Imrh/GbUQ8fjgonj73Bw6snjoKprzXpcelcWlxYTWhcAdcQu3JOg7RSfuZrzombp9YvfnZgzYElb1/d2/E/d3bugd3jT8IOgFS+oVcCtPI7RgBoS3+ZWQDtzHP6/a/7jcOH322Jmfg7NIIF+Jm24AwPtAr0E75/ldaiHyVq2VFcCTDVYrdioZ1drWC4XfE/afo93hEfx1GPt84lNMZjSLpMQtaYxgttGapeq9DRWIMeS+bs7zVKx4gSBiwqFSAMuQHJgB+QDenAC+0DVBN+QcdQMNBjNxJO7DUbSvgMHQsEe1DeTqSIalBCFhIe5C/HsukX9KSEM1Zj3VAiyGlzZDNzcBDrY6wxtskuQiQk6WoAzRbuw36/ijRdzccisXkJ0cbb7VLZi2yiGoBwW3SYgMA8kDw7IQqRKkiivYnw3OeXw2QmP4Fe09bhXg3TGZTBEScbRwt8jjLYqu1ayBi2kbkQhASR6FQByGzBjvlhUoVo5dPyYSLCxtsjrhnPLnWT2ipt86sDz7gPeoAzatAUQ7EUR/HQXClCUCZn8IZqGqbKS0LQayo8MbVCAwAAAA==') format('woff2'),

位置
可以了

阿里巴巴iconfont加入新的图标如何操作相关推荐

iconfont 图标宽高出问题_阿里巴巴Iconfont加入部分图标后导致所有图标高度拉升问题...
现在是移动互联网时代,而随着这个时代的到来网页设计也偏向于扁平化,对于很多网页使用的图标都不再像以前那样使用一些写实的图标了,而都是使用一些扁平化的图标了.当前,不管是在PC端还是在移动端,很多ico ...
微信小程序使用阿里巴巴iconfont字体图标
打开阿里巴巴iconfont官网(http://www.iconfont.cn/); 把用到的字体图标加到项目里面; 进入到项目里面,选择font class方式来使用,如果没有生成过代码的同学点生成 ...
iconfont 新加图标（在原有项目的图标库中加入新的图标）
需求:半路接其他人开发过的项目,由于项目已经生成了一些原有的图标,而我们也没有加入对方的项目组里,只能自己新创建一个项目,再把需要的图标加入项目里,生成对应的iconfont.css 文件,加入到原有 ...
阿里巴巴IconFont的图标的下载使用
阿里巴巴IconFont的图标的下载使用前言阿里巴巴矢量图标使用步骤前言接着上一篇<Vue实现图片验证码.邮箱验证码以及Cookie记住我功能>,这篇文章主要给大家介绍下阿里巴巴矢 ...
【iconfont图标】vue引入并使用阿里巴巴iconfont图标流程【uniapp引入iconfont真机APP不显示问题解决，移动端引入报错解决】
前言为什么要使用阿里图标库: 图标现在是很多地方都会用到的一般我使用的时候都是直接在ui库中比如elementul自带的一些有时候哪怕是感觉图标不是非常适合也是用的elementul图标,主要原 ...
iconfont添加新图标_老项目中的iconfont字体图标添加新的图标
最近,一直在折腾自己的新的博客,采用的是halo博客系统,感觉还是很不错的,就是主题有点少,自用的主题是siren,感觉自己做的不错就分享到了halo论坛,然后被提示标题前面的图标不显示. 也不知道说 ...
iconfont 图标转为字体_阿里巴巴Iconfont矢量图转为字体图标的方法
我们在做网站时,网站里会有很多的小图标,通常这些小图标会使用小图片来制作,但修改起来比较麻烦.所以现在很多网站都使用字体图片来制作小图标. 今天学做网站论坛介绍一下阿里巴巴Iconfont矢量图转为字 ...
vue引入阿里巴巴iconfont图标(简单易懂)
vue引入并使用阿里巴巴iconfont图标流程为什么要使用阿里图标库: 有些时候你需要的图标是真的在elementul里没有的或者完全不适合的. 这时候我们需要去到阿里的图标库里找找,这里的图标非 ...
在HTML种引用阿里巴巴iconfont字体图标
概述什么是阿里巴巴iconfont字体图标呢? iconfont字体图标就是用字体来代替图标.图片文件的做法,并且通过字体图标可以对图标的大小.颜色等进行控制. 以前要引用各种图标需要使用的是图标图 ...

阿里巴巴iconfont加入新的图标如何操作

阿里巴巴iconfont加入新的图标如何操作相关推荐

最新文章

热门文章