Блог

Главная - Вопросы по программированию - Как использовать пользовательские шрифты в Vue native?

Как использовать пользовательские шрифты в Vue native?

#react-native #vue.js #fonts #font-face #vue-native

#react-native #vue.js #шрифты #шрифт-лицо #vue-native

Вопрос:

Я пытаюсь использовать пользовательский шрифт в своем родном приложении vue, но не нахожу, как это сделать. Я пробовал использовать @font-face.введите описание изображения здесь

я нашел что-то вроде Font.LoadAsync из react native, но я не знаю, как это использовать

Комментарии:

1. Никогда не следует размещать код / сообщение об ошибке в виде изображения. Это всегда должен быть текст, который легко анализировать / читать

Ответ №1:

Я использовал документацию expo, возможно, это может привести вас к решению

Редактировать: после установки данного пакета шрифтов я импортировал expo-font в свой файл app.vue, затем загрузил его в пакет шрифтов Google, и это все

 //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>