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

Comments

Projects
None yet
@oliwerhelsen

oliwerhelsen commented Feb 1, 2017

Reffering to issue #95 . Still not working.

@hwkongsgaard

This comment has been minimized.

hwkongsgaard commented Feb 2, 2017

Same here

@hwkongsgaard

This comment has been minimized.

hwkongsgaard commented Feb 3, 2017

Also the same problem with react native 0.41

@roslaneshellanoo

This comment has been minimized.

roslaneshellanoo commented Feb 7, 2017

Same here

@rsekulic1

This comment has been minimized.

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

This comment has been minimized.

oliwerhelsen commented Feb 8, 2017

Thanks @rsekulic1 !

@rozenshtein

This comment has been minimized.

rozenshtein commented Feb 10, 2017

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

@alland67

This comment has been minimized.

alland67 commented Feb 10, 2017

Same problem here.

@bluetidepro

This comment has been minimized.

bluetidepro commented Feb 13, 2017

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

@Connorelsea

This comment has been minimized.

Connorelsea commented Feb 14, 2017

Not working for me here. Cannot use this library

@mraaroncruz

This comment has been minimized.

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

This comment has been minimized.

benjick commented Feb 22, 2017

Is this what we're waiting for? #161

@csbun

This comment has been minimized.

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

This comment has been minimized.

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

This comment has been minimized.

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

This comment has been minimized.

Contributor

SoHotSoup commented Mar 20, 2017

Fixed with latest release v0.12.0

@SoHotSoup SoHotSoup closed this Mar 20, 2017

@ilarumk

This comment has been minimized.

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

This comment has been minimized.

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

This comment has been minimized.

Samueljoli commented May 6, 2017

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

@wlinglinux

This comment has been minimized.

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

This comment has been minimized.

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

@Vladimir-Vdovic

This comment has been minimized.

Collaborator

Vladimir-Vdovic 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

This comment has been minimized.

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