注册登录

百晓僧

百晓僧

发布：2023-12-19 09:14
更新：2023-12-19 10:23
阅读：409

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

分类：uni-app

uniapp

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

2023-12-19 09:14 负责人:无分享

1 个回复

爱豆豆 - 办法总比困难多

换种写法试试呢
参考下官方的字体图标文档：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

要回复问题请先登录或注册