You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

React Native自定义字体Web正常Android失效问题求助

React Native 自定义字体Android端不生效问题

我给项目引入了Segoe UI Black自定义字体,操作步骤如下:

  • 下载字体文件后放到assets/fonts目录
  • 在项目根目录创建react-native.config.js文件,写入以下内容:
module.exports = {
    assets : ['./assets/fonts/'],
};
  • 执行npx react-native-asset命令完成字体链接
  • 在需要的Text组件中设置样式:fontFamily: "Segoe UI Black"

执行npx expo start启动应用后,Web端字体显示正常,但Android端完全不生效,显示默认字体;用Android浏览器打开应用时字体也无法正常显示。我已经尝试调整fontFamily属性值、修改字体文件名(考虑跨平台名称差异),但都没解决问题。

相关信息:

  • 字体名称:Segoe UI Black
  • React Native版本:0.76.6
  • React Native Web版本:~0.19.13
  • 字体文件名:Segoe UI Black.ttf

使用字体的代码片段:

<Text style={{
   color: 'brown',
   padding: 10,
   fontFamily: 'Segoe UI Black',
   textAlign: 'center',
   fontSize: 32,
}}>{text}</Text>

内容的提问来源于stack exchange,提问作者user27379482

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.14 23:48:10