美文网首页
在项目中引入icon

在项目中引入icon

作者: kim_jin | 来源:发表于2018-12-07 16:48 被阅读0次

    步骤实现:
    1.在http://www.iconfont.cn/里面下载需要用的图表,在例子里面我们引入的是散点图。
    2.http://www.iconfont.cn/search/index?searchType=icon&q=%E6%95%A3%E7%82%B9%E5%9B%BE在这个界面

    选择图表的界面

    下载素材

    点击下载代码

    以class的方式引入图标

    查看这个文件的内容

    新建一个新的css的文件,将该文件中的内容,复制到里面。

    复制这个文件中的内容

    新建一个js文件,在项目中将里面的内容引入

    新建一个js文件

    在HTML文件中引入,需要这么引入。

    在HTML中以class的方式引入

    ps:注意一下,我们在使用的时候,content对应的十六进制编码,是不可以修改的,如果在项目中这个值已经被占用了。那就新建一个css文件,在里面进行重新的引入。

    相关文章

      网友评论

          本文标题:在项目中引入icon

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