项目使用iconfont图标

 第一:可以使用线上的链接地址:

比如://at.alicdn.com/t/font_143520_setry2fmh.css
vue项目里 在php后台模版里或者index.html 里添加 <link rel="stylesheet" href="//at.alicdn.com/t/font_143520_setry2fmh.css"> 接下来就可以使用 <i class="iconfont icon-zhifubao">
简单粗暴,这是在有网络情况下,

第二:下载放到本地项目里:
在本地 static文件夹里 新建一个iconfont文件,把下载下来十个文件的 iconfont.css iconfont.eot iconfont.js iconfont.svg iconfont.ttf iconfont.woff文件放进去,
iconfont.css 用的是相对路径 所以要引入
iconfont.svg iconfont.ttf ,试试 <i class="iconfont icon-zhifubao"> 是否能用 如果能用 就ok了 , iconfont.eot iconfont.js 这文件有时候不用引入也行 看自己能否实现
,如果报错 就是项目css-loader 没有 在下载一个css-loader 就行了。npm install css-loader --save-dev 放到本地依赖里 就ok了。


 

posted on 2018-08-15 11:23  我想要的世界  阅读(225)  评论(0编辑  收藏  举报

导航