react-native - 如何在 Vue native 上使用自定义字体？

Question

我正在尝试在我的 vue 本机应用程序上使用自定义字体，但找不到如何执行此操作。我试过使用@font-face。在此处输入图像描述

我从 react native 中找到了类似 Font.loadAsync 的东西，但我不知道如何使用它

Answer 1

我一直在使用世博会文档，也许这可以为您提供解决方案

编辑：在安装给定的字体包之后，我在我的 app.vue 文件中导入了 expo-font，然后我在谷歌字体包中加载，仅此而已

//App.vue
import * as Font from "expo-font";

Font.loadAsync({
  VT323_Regular: require("./node_modules/@expo-google-fonts/vt323/VT323_400Regular.ttf"),
});

//export default { ...

.myText {
  font-family: VT323_Regular;
}

<template>
  <view class="container">
  
   <text class="myText">ABCDEF</text>
    
  </view>
</template>