Iconfont

2024-03-19 22:13:28

觉得阿里巴巴矢量图标好可爱！终于整明白怎么用，立刻记录下来

Symbol方法

1、在<head>标签中加入

<script type = "text/javascript" src="css/brand/font_2202798_2eb7kb6d9cr/iconfont.js"></script> src等于的内容就是下载来的文件中.js的相对路径 2、在<head>标签中加入以下代码 <style type = "text/css"> .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; } .icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; } </style> 3、在加入图片处添加　　　<svg class="icon" aria-hidden="true"> <use xlink:href="#icon-zhuyi"></use> </svg>