在项目中引入icon

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容