引入方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="iconfont/iconfont.css">
    
    <style>
        p::before{
            content: '\e603';
            font-family: iconfont;
            font-size: 100px;
        }
    </style>
    
<!--    
       1.https://www.iconfont.cn
       2.登录（使用微博）
       3.选择你想要的图标
       4.将选中的图标添加到项目
       5.下载到本地
        ...
   
   -->
    
    
    
</head>
<body>
   
<!--   通过实体-->
    <span class="iconfont" style="font-size: 100px;">&#xe603;</span>
    <span class="iconfont" style="font-size: 100px;">&#xe60d;</span>
    
<!--    通过类-->
    <span class="iconfont icon-ganlaji
" style="font-size: 100px"></span>

<!--通过伪类-->
<p>HELLO</p>
</body>
</html>
posted @ 2020-09-14 21:00  13522679763-任国强  阅读(119)  评论(0)    收藏  举报