1. 程式人生 > >引入 IconFont 圖示

引入 IconFont 圖示

通過百度搜索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>