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

expo font

Add Answer

Lively Lobster answered on August 31, 2021 Popularity 10/10 Helpfulness 4/10

answer expo font

related expo font install

related expo custom fonts

expo font

Comment

// How to add custom fonts to react native expo project
// 1 put your font.ttf file in: yourProjectFolder/assets/fonts/FontFile.ttf

// 2 Add this import
import { useFonts } from 'expo-font';

// 3 Add this hook to your component:
    const [loaded] = useFonts({   // make sure path is correct
        MyFontName: require('../assets/fonts/FontFile.ttf'),
    });   

// 4 then use it in your style sheet like this:
const styles = StyleSheet.create({
    myText:{
        fontFamily: 'MyFontName',
    },
});
// hope it helped :)

// IF THIS DOESNT WORK, TRY THIS
// 1 create "react-native.config.js" file in your project folder
// 2 copy this code to the file:
module.exports = {
    assets: ['./assets/fonts'],
};
// 3 open new terminal, and run (React >= 0.6.9):
npx react-native-asset
// or for older react-native versions: 
npx react-native link
// 4 now restart your expo app and it should work

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: docs.expo.dev

Tags: expo javascript

Link to this answer
Share Copy Link

Contributed on Aug 15 2022

Lively Lobster

0 Answers Avg Quality 2/10

Closely Related Answers

expo font install

Comment

npx expo install expo-font

Popularity 10/10 Helpfulness 6/10 Language shell

Source: Grepper

Tags: expo

Link to this answer
Share Copy Link

Contributed on Aug 31 2021

Frantic Flatworm

0 Answers Avg Quality 2/10

expo custom fonts

Comment

$ expo install expo-font @expo-google-fonts/inter

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: docs.expo.dev

Tags: expo

Link to this answer
Share Copy Link

Contributed on Apr 02 2022

N SIS

0 Answers Avg Quality 2/10

expo font

Contents

More Related Answers

expo font

Closely Related Answers

expo font install

expo custom fonts

Grepper

Documentation

Social

Legal

Contact

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