Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Unrecognized font family 'Rubik-Regular' #149

Closed
oliwerhelsen opened this issue Feb 1, 2017 · 22 comments
Closed

Unrecognized font family 'Rubik-Regular' #149

oliwerhelsen opened this issue Feb 1, 2017 · 22 comments

Comments

@oliwerhelsen
Copy link

@oliwerhelsen oliwerhelsen commented Feb 1, 2017

Reffering to issue #95 . Still not working.

@hwkongsgaard
Copy link

@hwkongsgaard hwkongsgaard commented Feb 2, 2017

Same here

@hwkongsgaard
Copy link

@hwkongsgaard hwkongsgaard commented Feb 3, 2017

Also the same problem with react native 0.41

@roslaneshellanoo
Copy link

@roslaneshellanoo roslaneshellanoo commented Feb 7, 2017

Same here

@rsekulic1
Copy link

@rsekulic1 rsekulic1 commented Feb 8, 2017

@oliwerhelsen @hwkongsgaard @roslaneshellanoo We're currently working on a fix for this issue. We will release a new version of @shoutem/ui hopefully next week with the fix included.

@oliwerhelsen
Copy link
Author

@oliwerhelsen oliwerhelsen commented Feb 8, 2017

Thanks @rsekulic1 !

@rozenstein94
Copy link

@rozenstein94 rozenstein94 commented Feb 10, 2017

@rsekulic1 it's enough to update packages.js with newer versions of linear gradient library and vector icons one

@alland67
Copy link

@alland67 alland67 commented Feb 10, 2017

Same problem here.

@bluetidepro
Copy link

@bluetidepro bluetidepro commented Feb 13, 2017

Having the same issue, hopefully a fix can come quickly! :)

@Connorelsea
Copy link

@Connorelsea Connorelsea commented Feb 14, 2017

Not working for me here. Cannot use this library

@mraaroncruz
Copy link

@mraaroncruz mraaroncruz commented Feb 20, 2017

Thanks to @rozenshtein, I got this to work by running this in the project's root:

npm i -S react-native-vector-icons
npm i -S react-native-linear-gradient
# I don't know if this is necessary but I ran it anyway
react-native link

react-native run-ios

And it loaded with no errors.

@benjick
Copy link

@benjick benjick commented Feb 22, 2017

Is this what we're waiting for? #161

@csbun
Copy link

@csbun csbun commented Feb 27, 2017

Thanks @pferdefleisch , this fixed!

yarn add react-native-vector-icons
yarn add react-native-linear-gradient

Or using npm i -S;

@Swizec
Copy link

@Swizec Swizec commented Mar 4, 2017

o/

Still not working out of the box. Maybe adding the dependencies that @csbun and @pferdefleisch mentioned would be a quick fix?

Installing them worked for me, too. I use react-native install, though.

@juanmnl
Copy link

@juanmnl juanmnl commented Mar 15, 2017

Hello! ––Really want to use this component library––

I started a couple of projects yesterday, one with CRNA and the normal RN init method.

I've been getting 3-types of errors with @shoutem/ui while working out of the box with Native-Base and RN-Elements.


When I execute yarn add @shoutem/uiand call it from the app, I get:

screen shot 2017-03-15 at 12 47 10 pm

Then I yarn add @expo/vector-icons –to get rid of this error– but i get a new one:
(the one described in this issue ticket)

screen shot 2017-03-15 at 2 32 02 pm

I've tried everything in every github thread, including this one, without success.
Even tried to import the Fonts with this method without luck.
As soon as i import {Font} from exponent, i get this:

img_2274

Thanks for your help!
😄

macOS Sierra 10.12.13 
node v7.7.2
npm 4.4.2
yarn v0.21.3
react-native-cli: 1.3.0
react-native: 0.41.2
@SoHotSoup
Copy link
Contributor

@SoHotSoup SoHotSoup commented Mar 20, 2017

Fixed with latest release v0.12.0

@SoHotSoup SoHotSoup closed this Mar 20, 2017
@ilarumk
Copy link

@ilarumk ilarumk commented Mar 25, 2017

i have v0.12.0 still same issue,
Do i need to do this ?

If this is a custom font, be sure to load it with Exponent.Font.loadAsync.
@guofoo
Copy link

@guofoo guofoo commented Apr 29, 2017

I've found a workaround, where you replace the current component from @shoutem in your code and instead use one of the icon sets from @expo/vector-icons, such as

@Samueljoli
Copy link

@Samueljoli Samueljoli commented May 6, 2017

This did the issue for me. Hopefully this helps someone.
oblador/react-native-vector-icons#461

@wlinglinux
Copy link

@wlinglinux wlinglinux commented Jan 8, 2018

fontFamily 'Rubik-Regular' is not a system font and has not been loaded through Expo.Font.loadAsync.

  • If you intended to use a system font, make sure you typed the name correctly andthat it is supported by your device operating system.

  • If this is a custom font, be sure to load it with Expo.Font.loadAsync.

  • node_modules/expo/src/Font.js:34:10 in processFontFamily

  • ... 21 more stack frames from framework internals

@navotera
Copy link

@navotera navotera commented Jul 3, 2018

I try above method, restart the emulator and turn off and on the expo terminal bu no luck using the "@shoutem/ui": "^0.23.4",

get this message on expo :
8:52:36 PM: fontFamily 'Rubik-Regular' is not a system font and has not been loaded through Expo.Font.loadAsync.

  • If you intended to use a system font, make sure you typed the name correctly and that it is supported by your device operating system.

  • If this is a custom font, be sure to load it with Expo.Font.loadAsync.

  • node_modules/expo/src/Font.js:34:10 in processFontFamily

  • node_modules/react-native/Libraries/Renderer/ReactNativeRenderer-dev.js:3372:38 in diffProperties

  • ... 30 more stack frames from framework internals

@Definitely-Not-Vlad
Copy link
Contributor

@Definitely-Not-Vlad Definitely-Not-Vlad commented Jul 3, 2018

Hey guys.

If you're using expo, you have to load custom fonts asynchronously, as is shown in our example create-react-native-app, here.

If you're using regular react-native init, make sure you've successfully linked the package.

Why all this? Because fonts are loaded into the binary of the app, meaning any package with a font is considered a package with native dependencies.

@navotera
Copy link

@navotera navotera commented Jul 4, 2018

Thanks mr @Vladimir-Vdovic it works now seem like this problem would be disaster for noobs such as me.. hehe

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Linked pull requests

Successfully merging a pull request may close this issue.

None yet