Шрифт React Native Own не применяется ко всем элементам

Question

Я хотел реализовать свой собственный шрифт (от Google), чтобы использовать его внутри моего приложения. Я загрузил это, и это работает, потому что некоторый текст изменяется этим. Однако некоторые изменения текста не имеют смысла для меня.

Я думаю, это ошибка, может быть, кто-то испытал это. Это простой экран с простым кодом.

import React, {Component} from 'react';
import {View, Text, StyleSheet, Button} from 'react-native';
import COLORS from '../assets/COLORS';
import {TextInput} from 'react-native-gesture-handler';

class BMI extends Component {
  render() {

const BMI = 20;

    return (
      <View style={styles.container}>
        <Text style={styles.textStyle}> BMI - Calculator </Text>

    <Text style={{color: COLORS.white, fontSize: 20}} >Dein momentaner BMI:  <Text style={{color: COLORS.primary, fontSize: 24}} >{BMI}</Text> </Text>

        <View>
          <View style={styles.InputContainer}>
            <Text style={styles.inputText}>AGE</Text>
            <TextInput style={styles.TextInput} />
          </View>
          <View style={styles.InputContainer}>
            <Text style={styles.inputText}>HEIGHT</Text>
            <TextInput style={styles.TextInput} />
          </View>
          <View style={styles.InputContainer}>
            <Text style={styles.inputText}>WEIGHT</Text>
            <TextInput style={styles.TextInput} />
          </View>
          <View style={{marginTop: 25, marginHorizontal: 15}}>
              <Button onPress={() => alert("Hello")} title="Calculate" color={COLORS.lightB} />
          </View>
        </View>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'center',
    // justifyContent: "center",
    backgroundColor: COLORS.darkBG,
  },
  textStyle: {
    color: COLORS.lightB,
    fontSize: 30,
    fontWeight: 'bold',
    marginVertical: 30,
    fontFamily: "Pacifico"
  },
  InputContainer: {
    justifyContent: 'space-around',
    flexDirection: 'row',
    width: '100%',
    marginVertical: 20,
  },
  inputText: {
    color: COLORS.white,
    width: '30%',
    marginLeft: 15,
    fontSize: 18,
    fontFamily: "Pacifico"
  },
  TextInput: {
    backgroundColor: COLORS.primary,
    width: '60%',
    color: COLORS.white,
    fontFamily: "Pacifico"
  },
});

export default BMI;

Как вы можете видеть, я загружаю pacifico, и он работает, но только для этого текста (см. Pi c ниже):