在项目中引入icon

2018-12-07  本文已影响0人  kim_jin

步骤实现:
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文件,在里面进行重新的引入。

上一篇下一篇

猜你喜欢

热点阅读