Fonts don't update

[TomasNiDo]

I added a font following this guide: https://medium.com/@mehran.khan/ultimate-guide-to-use-custom-fonts-in-react-native-77fcdf859cf4

I tried to update my serif font in the tailwind config like this:

fontFamily: {
  sans: 'Arial',
  serif: 'EBGaramond-Regular',
  mono: 'Courier New',
},

but it doesn't seem to work when I used it.

[TVke]

Hey @VerzatileTom

some questions for more details:

• Have you tried changing the name? (maybe something is cached)
• Is the font file correctly added in your project (iOS and Android)?
• Have you tested both platforms? (as the naming is very different on each system)

Let me know if you checked these things

In the docs there is a custom fonts section: (it's a small summary of the medium article) https://tvke.github.io/react-native-tailwindcss/typography/font-family.html#monospaced

Greetings @TVke

[TomasNiDo]

I managed to add the font by deleting the tailwind.config.js I copied from https://tvke.github.io/react-native-tailwindcss/installation.html because the npx RNtailwindcss command returns an error.

Then, I initialize the tailwind config again by running tailwind init --full then added my font like this

serif: [
  'EBGaramond-Regular',
  'Georgia',
  'Cambria',
  '"Times New Roman"',
  'Times',
  'serif',
],

[TVke]

Hi @VerzatileTom

Can I ask which kind of error did the command return? And now everything works as intended?

greetings @TVke

[TomasNiDo]

Can I ask which kind of error did the command return?

cp: cannot stat '../react-native-tailwindcss/stubs/defaultConfig.stub.js': No such file or directory

And now everything works as intended?

Yes, now works fine as expected.

[TVke]

Hey @VerzatileTom

What version of react-native-tailwindcss do you use? as this error was fixed in v1.1.9

Hope this helps even more

Greetings Thomas

[TomasNiDo]

Hello @TVke,

I'm using v1.1.9.

[TVke]

Hey @VerzatileTom

Good to know I will research it more but for now this issue seems fixed

greetings Thomas