其他分享
首页 > 其他分享> > Iconfont

Iconfont

作者:互联网

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

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>

标签:iconfont,1em,Iconfont,smoothing,width,webkit,font
来源: https://www.cnblogs.com/yhy5/p/13971105.html