HTML引入图标方法

基本步骤

  • 使用Iconfont网站搜索所需的图标
  • 将选好的图标加至在Iconfont建好的项目中
  • 有两种方法使用选好的图标,
    1.是选择下载图标使用;
    2.是在线链接,这里的步骤讲解的是在线链接方法
  • 转到在Iconfont中添加好的项目中,点击查看在线链接,然后生成或更新链接,可以查看到引用该库的链接地址
  • HTML中引入该css资源
 <link rel="stylesheet" href="http:////at.alicdn.com/t/font_1651995_2t26t49q3uo.css">
  • HTML中使用该css资源的图标
<i class="icon iconfont icon-arrowswap"></i>

其中icon-arrowswap为该图标名称,可以在Iconfont中查看到,其余两个为固定写法。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容