百晓僧
百晓僧
  • 发布:2023-12-19 09:14
  • 更新:2023-12-19 10:23
  • 阅读:208

uniapp引入外部iconfont.css,h5上可以显示图标,真机无法显示

分类:uni-app

iconfont图标存在服务器了,通过index.html文件link标签引入项目。在h5是正常显示图标的,打包apk和模拟器运行都不显示

2023-12-19 09:14 负责人:无 分享
已邀请:
爱豆豆

爱豆豆 - 办法总比困难多

换种写法试试呢
参考下官方的字体图标文档:https://uniapp.dcloud.net.cn/tutorial/syntax-css.html#%E5%AD%97%E4%BD%93%E5%9B%BE%E6%A0%87

// App.vue中引入ttf文件   

<style lang="scss">  
    @font-face {  
        font-family: 'iconfont';  
        src: url('https://at.alicdn.com/t/font_xxxxxxxx.ttf') format('truetype');  
    }  
    .iconfont {  
        font-family: "iconfont";  
    }  
</style>  

// 页面中使用  
<template>  
    <view>  
        <text class="iconfont">&#x23xx;</text>  
    </view>  
</template>
  • 百晓僧 (作者)

    改成了uni.request引入了json文件,ttf文件按照你写的这样引入真机上还是不显示。我怀疑真机没有下载到ttf文件

    2023-12-19 10:36

  • 爱豆豆

    回复 百晓僧: 嗯嗯 但是我这边app是可以显示的

    2023-12-19 10:39

要回复问题请先登录注册