مشکل فونت در react-native-web

سلام دوستان خسته نباشید بنده از react-native-web استفاده میکنم و سعی کردم با این کد توی _documetn.js فونت وزیرو لود کنم:

const normalizeNextElements = `
  #__next {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  @font-face {
    font-family : 'Vazir';
    src: url("/Vazir-Regular.woff2");
  }
  * {
    font-family : 'Vazir';
  }
`

فونت لود شد و کار میکنه.
اما مشکل اینه وقتی کامپوننتی میسازم و یا از <Text> استفاده میکنم فونتش همون فونت عادیه و انگار هیچ استایلی ندادم.
کد ایمپورت:

import { StyleSheet, Text, View } from 'react-native'

به نظرتون مشکل چی میتونه باشه؟