Add a Custom Font to a React Native Application

InstructorChris Achard

Share this video with your friends

Send Tweet

iOS and Android come with several built in fonts, but if you want to use a custom font in your react native application, you'll need to add it first.

You can add a custom font by copying the font files to your project, telling react native where to find those files by adding an rnpm entry to your package.json file, and then linking them with react-native link.

Then, you can use that new font by specify it as the fontFamily style for a Text component, and you can change the fontWeight or fontStyle component if you've added additional style and weight font files.

Free Community Resource

A Community Resource means that it’s free to access for all. The instructor of this lesson requested it to be open to the public.