美文网首页
HTML引入图标方法

HTML引入图标方法

作者: Jake_Yang | 来源:发表于2020-02-23 17:01 被阅读0次

基本步骤

  • 使用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中查看到,其余两个为固定写法。

相关文章

  • HTML引入图标方法

    基本步骤 使用Iconfont网站搜索所需的图标 将选好的图标加至在Iconfont建好的项目中 有两种方法使用选...

  • html引入icon图标

    http://www.iconfont.cn/ 我们引入icon都喜欢阿里的矢量图标库 阿里的图标库也是可以下载为...

  • <CSS>总结:知识点

    一、引入: 1、站点图标(logo)的引入 在HTML中的 标签中,通过link进行引入 快捷方式:link:f...

  • 引入字体图标文件

    1)在public/index.html引入字体图标文件。 favicon.ico"> + <%= htm...

  • 7. icon 图标

    1. 图标icon 方法1: 修改 index.html index.html 方法2: icon 安装在本地:...

  • Angular Material Icon使用

    1. 引入图标资源 在项目index.html文件里添加icon的图标库文件的引用。 2. 导入MatIconMo...

  • vue-axios

    引入部分 方法部分 html部分

  • 百度地图GL篇 四、辅助工具

    上篇写到辅助工具,由于官方提供js写的方法,我们简单用vue来实现 1.引入需要的文件 2.html 四个图标为精...

  • js实现网页数字滚动效果代码

    使用方法: 1、head引入css文件 2、head引入js文件 3、body引入HTML代码

  • pyinstaller相关问题汇总

    一种使用pyinstaller时图标问题解决方案 Pyinstaller 打包 Tkinter 程序时引入图标解决方法

网友评论

      本文标题:HTML引入图标方法

      本文链接:https://www.haomeiwen.com/subject/iaojqhtx.html