码迷,mamicode.com
首页 > 其他好文 > 详细

项目中引入IconFont

时间:2019-10-09 15:16:14      阅读:104      评论:0      收藏:0      [点我收藏+]

标签:引用   需要   复制   index   ace   打开   文件   技术   下载   

1.登录iconFont官网

2.选中需要的icon,添加入库

技术图片

 

3.添加至项目

技术图片

 

 4.添加到自己的项目中,点击更新代码,并复制此代码,并单击下载至本地

技术图片

 

 5.解压后只复制iconfont.css,放入自己的项目中并正确引入

.技术图片

 

 

6.我放到styles文件夹中了

技术图片

 

 7.在index.scss中引入了

.技术图片

 

 8.打开 iconfont.css,把下面的复制的代码替换 iconfont.css中的 @font-face,就可以在项目中引用图标字体了。

技术图片

 

 

 9.如果想添加新的图标,只需更新 @font-face代码,替换 iconfont.css中的@font-face。再把字体文件名帖进去就行。

技术图片

 

 

 技术图片

 

 10.其中一种引用方式

技术图片

 

项目中引入IconFont

标签:引用   需要   复制   index   ace   打开   文件   技术   下载   

原文地址:https://www.cnblogs.com/benbenbai/p/11641793.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!