阿里矢量图标如何使用?下面随小编一起来看看怎么使用阿里矢量图标的方法 , 有需要的朋友可以来学习一下!
【阿里矢量图标如何使用?怎么使用阿里矢量图标的方法 - 您要知道知识】1、首先选择去图标库自行选择想要的图标;
2、选择图标 , 点击图标变成橘色 , 即放在暂存架;
3、选择好要用的图标后 , 点击暂存架的下载至本地 , 解压待用;
4、将下载完的文件解压后 , 放到某一文件夹中 , 右键打开demo_unicode.html文件;
5、把上述文件中的代码复制到自己的项目中:
@font-face {font-family: "iconfont";上面i标签中的class值就是上面样式中的class!
src: url('iconfont.eot'); /* IE9*/
src: url('iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('iconfont.woff') format('woff'), /* chrome, firefox */
url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family:"iconfont" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
上面便是阿里矢量图标如何使用?怎么使用阿里矢量图标的方法的全部内容啦 , 希望可以帮助到您 , 感谢大家对本站的喜欢和浏览 , 觉得本文不错就收藏和分享起来吧!
推荐阅读
- win7系统英特尔核芯显卡托盘图标不见了的解决方法来看看
- 桌面回收站不见了怎么办,桌面回收站图标不见了怎么解决免费阅读
- 如何关闭qq空间图标解决办法新
- 电脑开机没有桌面图标怎么办?如何解决开机没桌面有图标的方法 - 2020攻略资讯
- 如何更改文件图标突破方向2020开心玩
- Win10 64位旗舰版系统中将桌面图标的小盾牌去除的方法 - 推荐阅读
- 视频设备 win10系统此电脑添加摄像头图标的详细解法升级必备
- 电脑声音图标不见解答形式欢迎阅读
- 怎么隐藏任务栏图标,如何隐藏任务栏图标,隐藏任务栏图标方法2020
- ps工具栏怎么调出来(ps图标功能介绍)