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

vwoqyblh 于 2022-11-17 发布在 React

关注(0)|答案(1)|浏览(151)

我试图使用谷歌自定义字体在react-native，但我得到的问题，我下载了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

1条答案

我的就是这样

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

，iOS版请不要忘记在您的网络视图中添加此信息

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