引入 IconFont 圖示
阿新 • • 發佈:2018-12-11
通過百度搜索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>