react-native - 在 React Native 中运行时下载字体

Question

我想在运行时下载字体并在整个应用程序中应用。有一种方法可以在字体文件夹中携带 ttf 文件。但这会增加 bundle 的大小。

Answer 1

我使用了 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);
    });