Custom fonts in React Native


  1. Create an assets folder and copy your fonts to it
  2. Add config to react-native.config.js
  3. Run react-native link to install fonts for both Android and iOS
// react-native.config.js
module.exports = {
  assets: ['./assets/fonts/Graphik'],

The value for fotFamily (or just font-family if you're usig styled-components) will be the font filename minus the extension.

Notes of font formats

Use .otf or .ttf.

.woff won't work. (.woff is a compressed version of OpenType .otf or TrueType .ttf)


error Linking assets failed. Run CLI with --verbose flag for more details.
SyntaxError: Expected [\n\r] but end of input found.

Add a new line at the end of ios/[Project].xcodeproj/project.pbxproj and run react-native link again


Please note that this site and the posts on it are, and will always be, a work in progress. If i waited for perfection, i’d never get anything done.