阿里巴巴iconfont的正确使用方法

摘要:
1,1.首先单击Iconfent Alibaba矢量图标库上的购物车按钮,将您需要的图标添加到“临时货架”2.选择所有要使用的图标后,“将其存储为项目”并命名。3.当需要在HTML中使用图标时,请使用iconfont类名。在要在标记中使用的图表下编写Unicode4,然后可以通过控制iconfont属性来更改图标的样式。5.这些图标也可以在本地下载。将图标添加到临时存储架后,选择“下载到本地”以获取多个文件。

1,1.首先在Iconfont-阿里巴巴矢量图标库上面将你需要的图标点击购物车按钮加入“暂存架”

2,选择完所有要用的图标后“存储为项目”,给它命名。然后在“图标管理”-“图标应用项目”中找到这个项目,获取在线链接,把里面的代码复制到CSS中。

3,在HTML中需要使用到图标时,使用iconfont类名。在标签里面写上你想用的图表下面的Unicode

4,然后你可以通过控制iconfont类的属性改变图标的样式。

5,这些图标也可以下载到本地使用。图标都加入暂存架后选择“下载到本地”,会得到几个文件。

  浏览器打开demo.html可以看到每个图标的Unicode,把iconfont.css里的代码复制到css里面,把下面四个文件放到css可以引用到的文件夹里就可以了。下载使用的一个缺点   是添加图标的话要重新把所有图标再下载一遍覆盖原来的文件,如果是在线链接只要重新生成一次链接就好了。

 

免责声明:文章转载自《阿里巴巴iconfont的正确使用方法》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Redis——版本升级&数据迁移怎么将CAD转PNG格式?这两种方法值得收藏下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

把阿里巴巴的核心系统搬到云上,架构上的挑战与演进是什么?

作者丨张瓅玶(谷朴)阿里巴巴研究员 阿里巴巴核心系统作为全球最大规模、峰值性能要求最高的电商交易系统,在 2018 年之前只通过混合云弹性上云方式,为 双11 节约大量成本。直到 2019 年,阿里巴巴实现了核心交易系统全面上云并经历了 双11 峰值的考验。 在今天由极客邦科技举办的 ArchSummit 全球架构师峰会 2019 北京站上,阿里巴巴研究员...

前端工程师必须要知道的SEO技巧(1):rel=nofollow的使用

前提:最近我在找工作,想面试一些关于前端的工作,被问到了一些关于SEO优化的问题.我深深的感觉我所回答的太过于表面,没有深入.所以,又把SEO的内容看了一遍.自己总结如下:有的是看的其他博友的贴子,发现了很多自己不知道东西. rel=nofollow标签的使用方法 noflollow的意思是告诉搜索引擎(百度爬虫),不要追踪此网页上的链接或者不要追踪此特定...

UED大全

http://www.baiduux.com/百度UFOhttp://ued.sohu.com/搜狐UEDhttp://ued.taobao.com/淘宝UEDhttp://www.ued163.com/网易UEDhttp://www.uedblog.com/YAHOO!CNUEDhttp://ued.ctrip.com/携程UEDhttp://fed.r...

揭秘阿里巴巴的客群画像

阿里巴巴一直在面向未来探索B类新电商模式,并从2019年开始重点构建“新供给、新链接、新营销”三新体系。买家是三新体系的核心,缺少买家维度的数字化经营体系是不完整的。平台场景目标群体及场景间买家差异性尚不明确,客群矩阵就是为场景中控解决这一业务痛点、提高场货分发效能而专门设置的算法研究主题。同时,客群矩阵也是用户增长和算法特征的核心数据。鉴于客群矩阵如此...

《大规模分布式存储系统:原理解析与架构实战》.pdf

关注“Java后端技术全栈” 回复“面试”获取全套面试资料 分布式存储系统,将数据分散存储在多台独立的设备上。 传统的网络存储系统采用集中的存储服务器存放所有数据,存储服务器成为系统性能的瓶颈,也是可靠性和安全性的焦点,不能满足大规模存储应用的需要。 分布式网络存储系统采用可扩展的系统结构,利用多台存储服务器分担存储负荷,利用位置服务器定位存储信息,它不但提...

阿里巴巴常用的 12 个后端开发工具,建议你快快收藏!

作者:爱马仕_人员链接:https://www.jianshu.com/p/4d1a4606ef61 从手动编码到自动化,从重复工作到创新,开发人员工具随着技术的发展而不断发展。阿里巴巴集团和阿里巴巴云已通过开源发布和基于云的实施向公众提供其技术。通过在各种业务场景中的多年开发积累了这些技术。 本文介绍了一些阿里巴巴开发人员工具,希望它们可以帮助您的开发过...