美文网首页
iconfont下载至本地,项目中怎么使用

iconfont下载至本地,项目中怎么使用

作者: 焚心123 | 来源:发表于2020-10-29 08:50 被阅读0次
  • 首先在iconfont官网上面选好我们要使用的图标,并下载到本地
  • 将下载的文件解压并复制引入文件中


    image.png
  • 图片中的文件都需要引入到我们的项目文件中,有的人说不是只引入iconfont.css就可以了,这个也是可以的,不过要修改iconfont.css文件中的路径,下面的文件都是这个文件中引入的文件


    image.png
  • 只想要引入一个文件的话,就将这里的URL路径进行删除,有的字体文件是兼容的
  • 最后一步,在main.js中进行引入,为什么在app.vue中不行,因为会报错,原因目前我也不知道哈
![image.png](https://img.haomeiwen.com/i3294333/ae475fe7a44c6a78.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

  • 页面上进行写入就可以了(写法有很多中)
<view class="iconfont icon-gouwuche-01"></view>
  • 如果知道为什么不能再app.vue中通过@import:url();进行引入的原因,希望留言,让我们一起进步哈!!!

相关文章

  • iconfont下载至本地,项目中怎么使用

    首先在iconfont官网上面选好我们要使用的图标,并下载到本地 将下载的文件解压并复制引入文件中image.pn...

  • angular4中使用iconfont

    1.登录Iconfont发起项目,将你想要的图标加入购物车,然后添加至项目中; 2.点击‘下载至本地’按钮下载文件...

  • 2019-03-19,Iconfont使用(二)

    本地环境使用Iconfont图标库 添加图标至图标库 重复上文1,2操作 点击“下载至本地”image.png 解...

  • vue3.0自定义字体图标使用

    以往方法: 在Iconfont官网中搜索所需图标 添加入库 添加至项目 下载素材至本地 页面中引入字体文件 使用方...

  • wepy:小程序中引用iconfont

    在iconfont网站中选中你需要的项目, 在项目中选择 fontclass 直接下载到本地,解压然后放进项目中。...

  • HTML引入图标方法

    基本步骤 使用Iconfont网站搜索所需的图标 将选好的图标加至在Iconfont建好的项目中 有两种方法使用选...

  • iOS 使用Iconfont Swift版

    关于如何使用Iconfont呢? 首先去Iconfont 选择你需要的图标,下载到本地解压缩,你会看到如下: 将i...

  • 如何在网页中使用IconFont图标

    IconFont网站里有成批的设计完善的图标,可供我们在网页中使用。下面介绍下如何将图标下载至本地然后在Vue项目...

  • 小程序中使用iconfont图标

    首先在iconfont官网中进行下载到本地 直接将下载本地的文件进行解压之后将iconfont.css文件,只要这...

  • iOS中iconfont的基本使用

    第一步:从iconfont平台选择要使用到的图标,并下载至本地 打开Info.plist文件,增加一个新的Arra...

网友评论

      本文标题:iconfont下载至本地,项目中怎么使用

      本文链接:https://www.haomeiwen.com/subject/raoqvktx.html