custom font is not working in react native

Question

After saving the fonts in my assets folder of my project I linked it by the command react-native link the links were installed and I cross checked the installation in my android>src>main>assets>fonts and everything was fine there too and I expected to get the custom font using the styling fontFamily: 'Coda-Heavy' but I didn't get the required custom font in run

Also please refer to this link I have posted it as an issue in react native:

https://github.com/facebook/react-native/issues/15266

Hana Alaydrus · Accepted Answer · 2017-07-31T04:35:10.500

2

Have you do this steps?

1 Create folder /assets/fonts in main root

2 Put this in your package.json

“rnpm”: {
   “assets”: [“./assets/fonts”]
}

3 And then run react-native link again

4 Your font will be copied to android/app/src/main/assets/fonts

edited Jul 31 '17 at 04:35

answered Jul 31 '17 at 04:28

Hana Alaydrus

2,225
16
19

@AdarshSreeram have you check the full name property of your font? try change your font file name into your font full name property. Although android use filename, but maybe you can give it a try? – Hana Alaydrus Jul 31 '17 at 05:11
@AdarshSreeram have you try this also? https://blog.bam.tech/developper-news/add-a-custom-font-to-your-react-native-app – Hana Alaydrus Jul 31 '17 at 05:15
any other solutions ?? – Adarsh Sreeram Aug 02 '17 at 05:16
@AdarshSreeram I have tried it and it is working, so I don't know any other solution :'D. I follow this, except the part 3, I just type `./assets/fonts` https://blog.bam.tech/developper-news/add-a-custom-font-to-your-react-native-app – Hana Alaydrus Aug 02 '17 at 06:20
I too have tried the way you do it but it's not working for me – Adarsh Sreeram Aug 02 '17 at 06:26
@AdarshSreeram do you mind share the project? I will try it – Hana Alaydrus Aug 02 '17 at 06:28

score 0 · Answer 2 · answered Oct 29 '22 at 18:50

0

Removing fontWeight will resolve this for you.

answered Oct 29 '22 at 18:50

Shittu Joseph Olugbenga

6,396
5
26
37

custom font is not working in react native

2 Answers2

Linked