我按照官方文档的指引成功在我的React Native Expo应用程序中加载了自定义字体:
const App = () => {
let [fontsLoaded] = useFonts({
'Lato-Regular': require('../assets/fonts/Lato-Regular.ttf'),
'Lato-Bold': require('../assets/fonts/Lato-Bold.ttf'),
'Poppins-Light': require('../assets/fonts/Poppins-Light.ttf'),
'Poppins-Bold': require('../assets/fonts/Poppins-Bold.ttf'),
});
所以我可以使用组件样式:
<Text style={{
fontFamily: 'Lato-Bold'
}}>Home page.</Text>
但我想像这样使用它:
<Text style={{
fontFamily: 'Lato',
fontWeight: 'bold',
}}>Home page.</Text>
这适用于系统字体,但不适用于自定义字体。
我该如何处理?