欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

字体图标

程序员文章站 2022-05-25 19:05:15
...

字体图标

  • 网页图片形式:
    • 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>
相关标签: 字体图标 css