引入 IconFont 图标

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/xingxuexue/article/details/84952280

通过百度搜索https://jingyan.baidu.com/article/cdddd41cb12f6e53cb00e13c.html，找到引入图标方法

iconFont网址：http://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2

 //引入下载后的文件夹
<link rel="stylesheet" href="font_al9mp41rrzb/iconfont.css">

//引入图标
<div class="dropdown-content">
                 <a href=""><span class="iconfont icon-shouji">手机号登录</span></a>
                 <a href=""><span class="iconfont icon-changyonglogo28">微信登录</span></a>
                 <a href=""><span class="iconfont icon-weibo">微博登录</span></a>
                 <a href=""><span class="iconfont icon-qq">QQ登录</span></a>
             </div>

打开demo_fontclass.html，找到图标。标记黄的为引入的图标名

<li>
<i class="icon iconfont icon-weibo"></i>
    <div class="name">微博</div>
    <div class="fontclass">.icon-weibo</div>
</li>