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
相关产品推荐
相关产品推荐

