showing results for - "react native add custom fonts"
Kevin
07 Aug 2019
1create folder in your root directory assets/Fonts and add your custom fonts
2you want.
3create a file in root folder and called react-native.config.js
4Add the following code to the file =>
5
6module.exports = {
7project: {
8    ios: {},
9    android: {},
10},
11assets: ['./assets/Fonts']
12};
13
14
15or 
16module.exports = {
17    assets: ['./assets/Fonts'],
18  };
19
20
21Then, run the following command in your terminal:
22react-native link 
23
24to use it declare this way in your styles:
25fontFamily: 'your-font-name without extension'
26
27If your font is Raleway-Bold.ttf then,
28  fontFamily: 'Raleway-Bold'
Alexa
07 Sep 2016
1// create a folder in your root directory /assets/fonts/ 
2// paste the custom fonts you want used in that folder
3// create a file in the root called react-native.config.js
4// Then add the following:
5
6module.exports = {
7  project: {
8    ios: {},
9    android: {},
10  },
11  assets: ['./assets/fonts'],
12};
13
14// then run 
15
16react-native link
queries leading to this page
custom font not working react nativeadd fonts in react native function componentadding fonts in react native clireact native fonthow to change font for text react nativereact native link fontsreact native 60 5 add custom fontslink custom font react nativefont react nativeuse custom fonts react nativehow add font to react nativereact native ios android app how to use fontshow to import font in react nativereact native add custom fontadd fonts to react native applicationreact native add fontsadd new fonts to react nativereact native fontsuse custom fonts in react nativecustom fonts react native clihow to add font in react nativereact native ios update fontadd fonts in react nativecustom fonts in react nativefonts for react nativeadd font react native appadd custom font in react native how to add font in react native appcustom font in react nativeadd fonts in react native iosreact native font linkreact native font stylecustom fonts react nativeadded fonts to react nativeuse custom font react nativeusing coustom fonts in react nativeadding custom font in react native ioshow to add font family in react native ioshow to add custom font in react nativereact native change fontreact native custom fontshow to use font family in react nativereact native import fontshow to add font to text react nativereact native config add custom fontshow to add custom fonts in react nativereact native custom font 2020how to import fonts on react native projectfont family in react native examplereact native change text fontusing custom font in react nativereact native load custom fontadd font family in react nativeuse font file in react nativefonts in react nativeimport fonts in react nativereact native custom fontreact native ios fontsfont in react nativeinstall fonts react nativehow to link font in react nativereact native app fontchange font react nativeapploading font react nativelink custom fonts in react nativereact native how to use custom fontshow to use custom fonts react nativecustom font added in react nativfont family in react nativereact native font familyhow to add new font family react nativereact native font configdownload custom font for react nativecustom fonts not working on android react nativereact native font customimport fonts react nativereact native custom font not working iosreact native add custom fontscustom font react nativecustom font installation in react nativeadd font react native androidadd custom fonts to react nativereact native standard fontsfont in app react nativehow to use custom fonts in react nativereact native change font familyinstall font in react nativefont family react nativehow to use font family in react native iosreact native add custom fonts