react-native 添加 ttf 格式的字体

作者 : admin 本文共314个字,预计阅读时间需要1分钟 发布时间: 2024-06-4 共1人阅读
  1. 将UI给你的ttf字体在src目录下创建一个font文件
  2. 根目录下新建一个react-native-config,js文件,代码如下
module.exports = {
    assets: ['./src/font'],  //这个font是你存放ttf的地方
};

        3.  cli版本0.69以上的执行 npx react-native-asset;以下的执行link

        4.react-native 添加 ttf 格式的字体插图

如果第一次加字体,会提示你没有字体目录,会给你新建一个目录,并且将字体存放进去。

        5. 然后页面里就可以用了,字体ttf文件名字不要改,UI怎么给你,你就怎么放项目里。

用法示例: fontFamily: ‘DIN Alternate Bold’

本站无任何商业行为
个人在线分享 » react-native 添加 ttf 格式的字体
E-->