Breaking News: Grepper is joining You.com. Read the official announcement!

How to add google fonts in React Native

Add Answer

Ilham Fetchly answered on February 3, 2022 Popularity 9/10 Helpfulness 6/10

answer How to add google fonts in React Native

related google font in react native

related react native install google font

How to add google fonts in React Native

Comment

1. Download Font: https://fonts.google.com/
2. import at : project-directory/assets/fonts
3. Create file : ' react-native.config.js '
4. Paste this

module.exports = {
  project: {
    ios: {},
    android: {}
  },
  assets: ['./assets/fonts/']
}


5. Run command : 'npx react-native-asset' 

6. Restart App...

Popularity 9/10 Helpfulness 6/10 Language javascript

Source: Grepper

Tags: add google-fonts javascript react-native

Link to this answer
Share Copy Link

Contributed on Dec 20 2022

Ilham Fetchly

0 Answers Avg Quality 2/10

Closely Related Answers

google font in react native

Comment

// 1) Install two package from expo 
// 1.1) visit https://directory.vercel.app/ and select font you want
// expo install @expo-google-fonts/FONT_FAMILY_NAME 
  //For example, if you choose to use lato we would install:
   //====== expo install @expo-google-fonts/lato     =======
//1.2) =====expo install expo-app-loading   ===========
import React from "react";
import { StyleSheet, Text, View } from "react-native";
import { AppLoading } from "expo-app-loading";
import {
  useFonts,
  Roboto_400Regular,
  Roboto_400Regular_Italic
} from "@expo-google-fonts/roboto";

export default function App() {
  let [fontsLoaded] = useFonts({
    Roboto_400Regular,
    Roboto_400Regular_Italic
  });

  if (!fontsLoaded) {
    return <AppLoading />;
  } else {
    return (
      <View style={{flex: 1, alignItems: "center", justifyContent: "center" }}>
        <Text style={{ fontFamily: "Roboto_400Regular", fontSize: 28 }}>
          Nice! Support for Google Fonts!
        </Text>
      </View>
    );
  }
}

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Feb 03 2022

Shirshak Kandel

0 Answers Avg Quality 2/10

react native install google font

Comment

1. Download Font: https://fonts.google.com/
2. import at : project-directory/assets/fonts
3. Creat file : ' react-native.config.js '
4. Paste this

module.exports = {
  project: {
    ios: {},
    android: {}
  },
  assets: ['./assets/fonts/']
}


5. Run command : ' npx react-native-asset' 

6. Restart App...

Popularity 9/10 Helpfulness 4/10 Language typescript

Source: Grepper

Tags: react-native react-nati

Link to this answer
Share Copy Link

Contributed on Dec 12 2022

Sore Sardine

0 Answers Avg Quality 2/10

How to add google fonts in React Native

Contents

More Related Answers

How to add google fonts in React Native

Closely Related Answers

google font in react native

react native install google font

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.