字体图标

字体图标

• 网页图片形式:
  • img 直接拖拽到桌面
  • background F12
  • 字体图标 自己下载
• 阿里字体图标库: https://www.iconfont.cn/
• 使用 阿里字体图标步骤:
  • 导入 iconfont.css
  • 需要用字体图标的标签赋予 class="iconfont"
  • 设置字体图标的 实体符号代码

<link rel="stylesheet" href="./demo/iconfont.css">
    <style>
        p{
            font-size: 50px !important;
        }
        p:hover{
            color: red;
        }
    </style>

<p class="iconfont">  &#xeb94;  </p>