chengdongyu121 2023-10-09 16:33 采纳率: 11.1%
浏览 7

vue引用iconfont字体库

img

img

img

img

为啥使用iconfont字体库不行啊,在线连接倒是可以,把字体包下载下来引用就不行

  • 写回答

1条回答 默认 最新

  • CSDN-Ada助手 CSDN-AI 官方账号 2023-10-10 13:38
    关注

    【相关推荐】



    • 这篇博客: vue中iconfont字体图标的使用以及在已有图标中新增图标中的 5.使用方法如下 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:

      在这里插入图片描述
      图标显示如下
      在这里插入图片描述
      补充如何在已有的图标库中增加新的图标
      (1)首先在官网上找到要下载的图标,添加至购物车,点击下载代码

      在这里插入图片描述

      (2)修改字体文件名如下(和之前项目中的名字不一样即可):
      在这里插入图片描述
      (3)修改iconfont.css样式表字体的引入路径(和自己项目的路径对应即可)

      在这里插入图片描述
      (4)将以上修改的代码引入即可,删除之前的字体文件和css样式表(如下是我的目录结构)
      在这里插入图片描述


    如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^
    评论

报告相同问题?

问题事件

  • 创建了问题 10月9日