项目使用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了。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步