react-native - 如何在 React-Native 中使用 Google 可变字体

Question

我正在尝试在 react-native 中使用 google 自定义字体，但我遇到了问题，我从 google 下载了 OpenSans 字体并使用 react-native 配置了它正确。

字体文件 OpenSans-VariableFont_wdth,wght.ttf

我正在尝试像这样使用它

{
fontSize: 18,
fontFamily:"OpenSans-Bold"
},

但我遇到了类似Unrecognized font family 'OpenSans-Bold' 的问题。但是，如果我像 OpenSans-Regular 一样工作，它就会起作用。

我如何使用这个文件 OpenSans-VariableFont_wdth,wght.ttf

Answer 1

我的是这样的

<style>@font-face {font-family: "OpenSans-Regular";src: url("OpenSans-VariableFont_wght.ttf");}</style>

对于 iOS，不要忘记将此添加到您的 webview

src={ {html:xxxx, baseUrl: '' }}
originWhitelist={['*']}