Custom font doesn't work with Text component

[andydev404]

As a User when I implement a custom font (Lato, Roboto, Poppins, etc.), the font is no taking effect on the Text component

[EQuimper]

It's should, did you link the font into your app ? If you change the name now the text is like the one you use before

[andydev404]

The font is already linked when I use import { Text } from 'react-native' works fine

[EQuimper]

If possible may I see your code for this? I use this lib for like 7+ projects with custom fonts and work. Just to make sure.

[andydev404]

 import { Text } from 'react-native-design-utility';

// I tested with this 2 ways
<Text font="Lato-Black">Some text</Text>
// and
<Text style={{fontFamily: "Lato-Black"}}>Some text</Text>

[EQuimper]

Ha ok the issue is the font here need to match the theme. So you can example add this font to the base or example Lato. And now you can do font=“Lato”

[EQuimper]

so your theme should have

{
	font: {
		lato: 'Lato-Black',
		base: 'Roboto'
	}
}

<Text font="lato">Hello world</Text>

[andydev404]

The same, It does not work

[tolustar]

I am having the same issues with @andydev404 , The custom font isn't working properly on Android, but works well on iOS. Following the example you displayed above, if I add the bold or normal props to the text component, the text returns back to the default Android font

[tolustar]

I got it fixed. After you initialize a theme via npx react-native-design-utility init, remove the weight object on line 56, and everything would work properly

[ghmendonca]

@EQuimper it doesn't work for me, I have everything right and inspecting the text, I can see that there is no fontFamily set in the text component

This is my theme config:

fonts: {
  base: "Sora",
  sora: "Sora",
},

And I'm using like this:

<Text font="sora">Test</Text>

I've tried not passing the font prop, tried passing fontFamily as prop, none works, the only thing that works is if I pass a style object that has the fontFamily: 'Sora', so I am sure the bug is in this lib