html:
    (1)
    通过阿里iconfont下载所需要的图标
    (2)将下载的图标解压移动到文件夹中
    (3)通过link引用iconfont.css
    (4)有两种方式使用标签,一种是通过
    如:

  • 图标的代码

  • 另一种是通过
  • 代码:

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4. <meta charset="UTF-8">
    5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
    6. <title>Document</title>
    7. <link rel="stylesheet" href="../alifa/iconfont.css">
    8. <link rel="stylesheet" href="../css/79iconfont.css">
    9. </head>
    10. <body>
    11. <li class="iconfont">&#xe629</li>
    12. <li class="iconfont">&#xe62a</li>
    13. <li class="iconfont">&#xe62b;</li>
    14. <li class="iconfont">&#xe633;</li>
    15. <li class="iconfont">&#xe629</li>
    16. <li class="iconfont icon-boluo-03"></li>
    17. </body>
    18. </html>

    css:
    (1)通过使用font-size改变大小
    (2)具体使用 标签.类名来使用

    代码:

    li.iconfont {
        font-size: 100px;
    }
    

    效果:
    image.png