iconfont在線鏈接使用方法（轉）

本文轉載自查看原文 2018-09-04 14:28 4907 前端

原文：https://blog.csdn.net/jinkingliao/article/details/51353937

基礎流程就不多贅述，直接到http://www.iconfont.cn/官網看，下面主要介紹在線鏈接使用：

1生成項目，選中右邊的Font Class，

2.復制鏈接； //at.alicdn.com/t/font_1462780150_442243.css （類似如此）

3.導入到代碼中 <link rel="stylesheet" href="http://at.alicdn.com/t/font_1462780150_442243.css">

4.代碼

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1462780150_442243.css">
</head> 
<body>
    <div class="main">
        <h1>IconFont 圖標</h1>
        <ul class="icon_lists clear">
            
                <li>
                <i class="icon iconfont faxian" style="color:red;"></i>
                    <div class="name">發現</div>
                    <div class="code">&#xe600;</div>
                    <div class="fontclass">.faxian</div>
                </li>
            
        </ul>
    </div>
</body>
</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 iconfont字體圖標的使用方法 iconfont字體庫——使用方法 iconfont字體圖標的使用方法--超簡單! 阿里矢量圖iconfont的使用方法 iconfont字體圖標的使用方法--超簡單! iconfont字體圖標的使用方法--超簡單! 自定義 iconfont 字體圖標的使用方法 EntityManager使用方法[轉] StructureMap使用方法（轉）【轉】${sessionScope.user}的使用方法