zoukankan      html  css  js  c++  java
  • 项目使用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了。


  • 相关阅读:
    MySql学习
    python学习笔记
    关于字符编码的理解
    session与cookie
    常用的表单元素
    Linq基础
    发送邮件。。
    进程与线程
    winform知识点集合
    winform基础与简单的窗体
  • 原文地址:https://www.cnblogs.com/hjpqwer/p/9480382.html
Copyright © 2011-2022 走看看