Fork me on github

阿里图标的使用

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title></title>

<!-- 1.引入项目下面生成的font class代码(不支持多色图标) -->
<link rel="stylesheet" type="text/css" href="./iconfont/iconfont.css">
<style type="text/css">
/*  阿里图标即矢量图标(放大不会失真):用字体的方式显示图标 
    使用步骤:
    1.打开官网(https://www.iconfont.cn/),登陆,打开官方图标库
    2.加入购物车
    3.点击购物车,添加至项目
    4.下载到本地,解压到iconfont
    5.引入css,i标签定义
    6.i标签当中  复制font class/symbol的代码
*/


</style>
</head> 
<body>
<i class="iconfont icon-a-0_baobiaoguanli"></i>
</body> 
</html>

 

posted @ 2022-12-29 10:56  我の前端日记  阅读(118)  评论(0编辑  收藏  举报
Copyright © 2021 LinCangHai
Powered by .NET 5.0 on Kubernetes