How to add custom fonts in React-Native Project - Really Easy :)

How to add custom fonts in React-Native Project - Really Easy :)

EQuimper

6 лет назад

26,841 Просмотров

In this video, you gonna learn how to add custom fonts to your react-native project.

Join my Discord channel: https://discord.gg/eK67Gc5

If you would like to donate for support my channel you can do this by using Paypal here: https://goo.gl/GnnRLa Thank you :)

Or by bitcoin: 1FkQYDPTgyUibFdfdyMETnxYPwEK4Y8kpv
Or by Ethereum: 0xed4E76cc3e15C14bcfFCA89130a0a5c12f6AA28c

I would like to thank the donators to this channel. Thank you so much :)

- Wonmin Jeon
- iMarket
- Tarek Fattah
- Donald Walters

Twitter: https://twitter.com/QuimperEmanuel
Blog: https://equimper.me
Github: https://github.com/EQuimper
Google Plus: https://goo.gl/k2VzNa
Hashnode Profile: https://hashnode.com/@equimper

Тэги:

#javascript #react-native #redux #reactjs #es6 #nodejs #javascript_(programming_language) #learn_to_code #coding #programmer #mobile_app #application #equimper #apollo-graphql #graphql #expressjs #react-native_custom_fonts #react-native_tutorial
Ссылки и html тэги не поддерживаются


Комментарии:

Дмитрий Тютяев
Дмитрий Тютяев - 16.09.2021 08:56

Cпасибо, бро, очень помог!

Ответить
Alessandro Cézar
Alessandro Cézar - 24.09.2019 08:12

It's deprecated in react native >= 0.60. now we need to use a module.export function in a file that calls react-native.config.js BUT I CAN'T DO THIS, DOESN'T WORKS

Ответить
Marius
Marius - 19.09.2019 12:10

Hi! Thanks for the Video.
I get an Error on Android saying that i have to load the Font with Font.loadAsync

Ответить
Lucas Simões
Lucas Simões - 23.07.2019 03:59

for versions after 0.60, rnpm in package json is deprecated.

put assets: ['./src/assets/fonts'] in your react-native.config.js file and run react-native link to work.

Ответить
membu chibuzormembu
membu chibuzormembu - 27.06.2019 17:19

I can't tell you how much your video helped me. Thanks a lot.
A tip I'll like to drop though ( in case your font isn't showing ) is to check the name of the font, because sometimes the name it's downloaded with isn't the actual name of the font. If you're downloading from Google fonts, it will be shown under css rendering (I think it's called). Fonts like Julius Sans One have that issue.

Ответить
Mg Ts
Mg Ts - 03.05.2019 22:22

nice bro!

Ответить
Alberto Ramos
Alberto Ramos - 18.12.2018 20:39

You're the best!

Ответить
amal kappummal
amal kappummal - 04.12.2018 12:00

thanks

Ответить
Reaper
Reaper - 11.10.2018 21:34

You sound like GSP lol.

Ответить
cructthwol
cructthwol - 14.09.2018 23:56

Bravo! Thank you for this simple tutorial

Ответить
Bimal Grg
Bimal Grg - 31.08.2018 10:23

thanks

Ответить
Jack3D
Jack3D - 25.08.2018 05:07

Very useful tutorial, thanks bro!!

Ответить
Tejas Mehta
Tejas Mehta - 19.07.2018 22:48

Awesome video! Also loved some of the additional details you gave along the way. I should add, for those who are interested, this also worked well on Android. Super appreciated!

Ответить
Nicolas Dupéré
Nicolas Dupéré - 22.05.2018 19:59

Merci mon ami! Ste-Marie hein! ;)

Ответить
Mohammad Zare
Mohammad Zare - 10.05.2018 16:44

Thanks. Is there any way to change the font of whole app instead of changing font of each component?

Ответить
Dimitrina Stoyanova
Dimitrina Stoyanova - 02.02.2018 12:18

Thank you for sharing : ))

Ответить
Johnathan Le
Johnathan Le - 24.01.2018 15:47

Does it work for .otf files?

Ответить
h laksh
h laksh - 20.01.2018 11:52

hi i got an issue. when i run-ios app load with error : unrecognized font family 'OpenSans-Regular' . i used open sans and strange thing is on android simulator everything works fine. only in ios simulator. any thoughts mate ?

Ответить
h laksh
h laksh - 20.01.2018 10:38

hi mate thanks for the great video. I'm asking off topic question. how you set autocomplete thing while you type on terminal. i kinda curious. please let me know. Thanks again.

Ответить
Jonathan Cuellar
Jonathan Cuellar - 18.01.2018 23:06

Cool, thanks

Ответить
Eduardo Castro
Eduardo Castro - 04.01.2018 22:00

very good tutorial here has worked very well, my congratulations, I am very grateful for the teaching.

Ответить
Rich Ravestein
Rich Ravestein - 03.01.2018 04:14

Very useful, thank you for sharing!

Ответить
webeasystep
webeasystep - 17.10.2017 10:16

very useful tutorial ,thanks much , but can you explain why use expo and what is the benefit from using it over regular react native ?

Ответить
Hemant kumar
Hemant kumar - 17.10.2017 09:21

responsive styling library for React(web)

Ответить