uni-app app端 nvue页面使用icon font图标显示不出来

uni-app app端 nvue页面使用icon font图标显示不出来

app端 nvue页面 使用 icon font 图标显示不出来，一直显示空格框框

hbuildx: 3.4.7

源码：

App.vue:

index.vue(使用的页面):

效果:

试了好多办法，都显示不出来，


更多关于uni-app app端 nvue页面使用icon font图标显示不出来的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

看看这里，超链接是否写错了

更多关于uni-app app端 nvue页面使用icon font图标显示不出来的实战教程也可以访问 https://www.itying.com/category-93-b0.html


解决了 链接问题 谢谢

在nvue页面使用iconfont图标显示不出来的常见原因和解决方案：

  1. 字体文件路径问题：
  • 确保字体文件放在static目录下
  • 路径建议使用绝对路径：/static/fonts/iconfont.ttf
  1. nvue的特殊性：
  • nvue不支持直接使用@font-face定义字体
  • 需要在manifest.json中配置字体：
"app-plus": {
  "fonts": {
    "iconfont": {
      "path": "static/fonts/iconfont.ttf"
    }
  }
}
  1. 使用方式：
  • 在nvue中需要使用text组件而不是view
  • 正确写法：
<text class="iconfont"></text>
回到顶部