Ui: Unrecognized font family 'Rubik-Regular'

[relaxedtomato]

Error using app Unrecognized font family 'Rubik-Regular'. App works fine after dismissing. Just posting this since I could not resolve it through other issues I found online.

Also, unable to load RestaurantsApp until I upgraded RN 0.38.

Will post a PR if I am able to resolve.

[SoHotSoup]

Hey @r-bansal! Thank you for submitting this issue.
This looks like something gone wrong with react-native link. Could you try to link it again and post here the answer? If that was the issue, we will release the fix this week.

[jackbillstrom]

Same error appears for me, version below.

jays-Air:washery jack$ react-native -v
react-native-cli: 1.3.0
react-native: 0.36.1

jays-Air:washery jack$ react-native link
(node:36815) DeprecationWarning: os.tmpDir() is deprecated. Use os.tmpdir() instead.
(node:36815) DeprecationWarning: Using Buffer without `new` will soon stop working. Use `new Buffer()`, or preferably `Buffer.from()`, `Buffer.allocUnsafe()` or `Buffer.alloc()` instead.
rnpm-install info Linking assets to ios project 
rnpm-install info Linking assets to android project 
rnpm-install info Assets have been successfully linked to your project 
jays-Air:washery jack$ 

[Satya5614]

I had the same issue even after trying to link it again, but restarting the app using react-native run-ios resolved the issue for me

[benjaminb10]

Hi, Same issue here. And neither react-native link or react-native run-ios solve the issue.

EDIT: I think it comes from the fact that I use RN 0.40.

[tedjames]

@benjaminb10 Why do you think it's because you're using RN 0.40?

[benjaminb10]

'Cause when I've tested with a new RN 0.39 app it was working.

[jasdeepsingh]

I have the same issue, this is what I'm using:

react-native-cli: 2.0.1
react-native: 0.40.0

It seems it's broken for 0.40.0

[housseindjirdeh]

Experiencing the same issue.

[suhabaobaid]

Same issue, none of linking or rerunning the app worked. Any updates on this issue?

[paduvi]

Same here, hope for quick update

[ojardila]

the same issue

[suhabaobaid]

@ojardila @paduvi I found a fix. You have to add the fonts file in Xcode and re run it. Follow this example https://github.com/oblador/react-native-vector-icons#installation . see the option manually and whichever font u include in ur app also include it in Xcode.
Happy coding :)

[ghost]

Same problem here. Files are in the project and referenced in info.plist, but I keep getting this message.

[mhaagens]

Same issue.

[acomito]

I am getting this too. It brings development to a stand still. Help!

[hari-sree]

Faced the issue today :(

[oliwerhelsen]

Yeah same for me:-(. Please reopen this one!

[pedroborges]

I'm just trying out Shoutem UI and got the same error…

[joinjoohny]

Same issues...
react-native-cli: 2.0.1 react-native: 0.40.0

[jpomykala]

Why it is closed? Same issue react-native 0.40.0

[comiclee]

A resolution is that drag the folder 'node_modules/@shoutem/ui/fonts' to your project in Xcode. And then edit Info.plist, add a property called Fonts provided by application and add the fonts to the list. Like this:

[ghost]

My project already has this fonts listed. But the error remains. :/

[MutableLoss]

I had this same issue with a brand new project, after installing @shoutem/ui. At first I had to deal with Issue #134 (update and re-link imports), then the build succeeded. Unfortunately, as soon as I added a NavigationBar, I was presented with this missing font error as well. The Fonts do in fact exist in the Xcode project, as well as in the node_modules.

RN: 0.40
XCode: 8.2.1
ShoutEm/UI: 0.10.9
react-native-vector-icons: 2.0.3

Even though I had relinked the icon package when working with the first issue, re-linking react-native-vector-icons explicitly, allowed me to resolve this issue.

$ react-native link react-native-vector-icons

I know it is quite simple, and may not work for everyone, but in my case it is what worked.

[dazziola]

Broken in 0.41.2 as well. @SoHotSoup can we get this reopened please? It seems like the vast majority are experiencing this bug.

[SoHotSoup]

@dazziola I can really promise you we will release a new version next week, and really sorry for this issue.

[SoHotSoup]

And thank you guys for being that patient!

[mypark]

Hey I tried react-native link react-native-vector-icons but now I get these errors fro RNVectorIcons Redefinition of RCTLogLevel... and a bunch of other errors. Anyone know how to fix or undo? Unlinking didn't work.

[willluck]

I use "npm i -S react-native-vector-icons" and "npm i -S react-native-linear-gradient" to solve problem ,but I use "NavigationBar",always can't use " styleName="clear"",if I use ,the "NavigationBar" will disappear,@SoHotSoup , How can I fix it?

[SoHotSoup]

Hey @willluck, I don't really understand what is the problem, could you attach some screenshot or write exact code snippet here?

[csbun]

Thanks @willluck , this fixed!

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

Or using npm i -S;

[willluck]

Thanks ,but use "NavigationBar" and set " styleName="clear" ,the effect will be displayed correctly?@csbun

[csbun]

It comes out something like this:

Here are my code:

<Screen>
  <NavigationBar
      styleName="clear inline"
      leftComponent={<Icon name="sidebar" />}
      centerComponent={<Title>TITLE</Title>}
  />
</Screen>

about styleName="inline" #57 #104

[willluck]

Yes,if use styleName="clear ,the centerComponent={<Title>TITLE</Title>} will disappear@csbun,@SoHotSoup

[anselmdk]

This solution also worked for me:

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

[SoHotSoup]

This is fixed with latest release v0.12.0. Thank you guys for being this patient!

[uc-asa]

@comiclee Thanks, I have using same tricks and it works for me.

[ghost]

@SoHotSoup This just happened to me in v0.12.1. Adding react-native-vector-icons and react-native-linear-gradient did solve it for me though.

[maulberto3]

Hi @annedroiid I am having the same issue, tried with this but still can´t get to load that font. Any suggestions?

[mahmoudfelfel]

Had the same issue and only adding it to Build Phases -> Copy Bundle Resources Fixed it.
source: https://github.com/oblador/react-native-vector-icons/issues/135#issuecomment-219137774