在React Native中运行时下载字体

Question

在React Native中运行时下载字体

react-nativereact-native-stylesheet

4

我希望能在运行时下载字体并在整个应用程序中应用。有一种方法是将ttf文件放置在字体文件夹中，但这会增加包的大小。

- Ankit Aman

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Jiří Petera · Accepted Answer

我使用了react-native-dynamic-fonts库，这使得操作非常简单。你只需要调用loadFont函数即可。唯一的注意点是你需要将字体解析为base64格式。我们已经在后端实现了这个功能，但你也可以像这样使用fs库。

const fontAsBase64 = fs.readFileSync('/path/to/font.ttf', {encoding: 'base64'});

loadFont('nameOfTheFont', fontAsBase64, 'ttf').then((name: string) => {
      console.log('Loaded font successfully. Font name is: ', name);
    });