How to set default font family in React Native?


Is there an equivalent to this CSS in React Native, so that the app uses the same font everywhere ?

body {
  font-family: 'Open Sans';

Applying it manually on every Text node seems overly complicated.

This question is tagged with react-native

~ Asked on 2016-02-07 15:57:39

The Best Answer is


The recommended way is to create your own component, such as MyAppText. MyAppText would be a simple component that renders a Text component using your universal style and can pass through other props, etc.

~ Answered on 2016-02-08 04:02:40


There was recently a node module that was made that solves this problem so you don't have to create another component.

The documentation states that in your highest order component, import the setCustomText function like so.

import { setCustomText } from 'react-native-global-props';

Then, create the custom styling/props you want for the react-native Text component. In your case, you'd like fontFamily to work on every Text component.

const customTextProps = { 
  style: { 
    fontFamily: yourFont

Call the setCustomText function and pass your props/styles into the function.


And then all react-native Text components will have your declared fontFamily along with any other props/styles you provide.

~ Answered on 2016-12-10 13:07:36

Most Viewed Questions: