• 项目使用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了。


  • 相关阅读:
    21班考试总结
    性别
    2019.08.20上课笔记2
    2019.08.20上课笔记3
    2019.08.20上课笔记1
    单词2
    数据类和运算符
    2019.08.14单词1
    2019.08.14上课笔记1
    request.get... getHeader 能取得的信息 参数
  • 原文地址:https://www.cnblogs.com/hjpqwer/p/9480382.html
Copyright © 2020-2023  润新知