Uniapp 字体加载问题(文件本地存储)

项目场景:

在最近公司开发一款小程序,但是小程序的文字需要用艺术字,就是那种不能用切图绕开的那种!


问题描述

我们在使用uni.loadfontface Api请求数据字体文件的时候总是会报错,就是那种网上也找不到解决方法的那种!用了谷歌的精准搜索也无济于事。直接个我人干蒙了
**1.**loadFontFace:fail net::ERR_UNKNOWN_URL_SCHEME"

2. loadFontFace:fail loadFontFace:fail A network error occurred.(这个问题具体体现是在安卓环境一直是报错的,但是在苹果系统中这个字体却安然无恙!)


解决方案:

首先是第一个问题,很无语的是官方给出的样例是这样的

但是我正确运行的代码却是这样的


第二个问题,这个我们需要先看官方的解释

这里提到了一个问题就是小程序同源问题,但是我的数据请求地址确实又是同源的呀!只是不知道后台是不是开启了跨域支持,因为后台是真实环境,我就一个唯唯诺诺的前端,又不敢找后端老辈子那服务器账号密码。我的理解是后端并没有开启跨域问题的,因为Nginx代理了后端的请求接口,我们的请求首先是通过了nginx服务器然后再调用了后台的接口!是否是因为在nginx的时候没有开启跨域导致了第二个问题, 这个问题我没有尝试哦!最后我是使用OSS解决的问题。

复制代码
location ~* \.(eot|ttf|woff|woff2|svg)$ {
    root 重定向地址;
    add_header Access-Control-Allow-Origin *;
}
相关推荐
PedroQue9916 小时前
unix-utils v0.2.0 发布:modal 全端统一,自绘窗口解决输入框难题
前端·uni-app
2301_32241428043 天前
springboot学生课堂出勤统计系统15835-计算机毕设 原创(免费领源码+部署教程+开发环境)
java·mysql·随机森林·微信小程序·uni-app·微信开发者工具·推荐算法
2501_915921435 天前
iOS应用从开发到上架App Store的完整步骤详解
android·ios·小程序·https·uni-app·iphone·webview
小蒜学长7 天前
基于SpringBoot+uni-app的闪洁家政系统的设计与实现(代码+数据库+LW)
java·spring boot·后端·uni-app·家政服务
anyup_前端梦工厂7 天前
uni-app 模板 Starter 一键清理 Skill 发布
前端·人工智能·uni-app
anyup_前端梦工厂7 天前
将uni-app工程迁移uni-app x,AI 能帮我们做什么?
前端·人工智能·uni-app
蒿豪郝灬号7 天前
UniApp接入鸿蒙版阿里百川
华为·uni-app·harmonyos
2501_915921438 天前
详细教程:使用Perfdog工具测量iOS应用的功耗性能与优化方法
android·macos·ios·小程序·uni-app·cocoa·iphone
梦曦i8 天前
uni-app、uni-app x 与 Flutter 深度对比:2026年跨平台开发框架选型指南
flutter·uni-app·uni-app x
普马萨特9 天前
uni-app x 定位踩坑实录:H5/小程序/App 统一经纬度与逆地理编码
uni-app