首页 > 其他 > 详细

引入方法

时间:2020-09-14 22:19:10      阅读:60      评论:0      收藏:0      [点我收藏+]
<!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>

引入方法

原文:https://www.cnblogs.com/eric-share/p/13669323.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!