React Native Fonts screenshot

React Native Fonts

Updated: 6 Feb 2019
1493 Stars

Fonts available out of the box in a React Native project

Categories

Overview:

This document lists the fonts available in React Native for both Android and iOS platforms. The list includes a variety of font options such as serif, sans-serif, monospace, and specific fonts like San Francisco and Avenir. These fonts can be used in React Native projects by adding them to the style element.

Features:

  • Android Fonts: Includes options like normal, notoserif, sans-serif, sans-serif-light, sans-serif-thin, sans-serif-condensed, sans-serif-medium, and serif.
  • iOS Fonts: Contains fonts like San Francisco, Academy Engraved LET, Al Nile, American Typewriter, Apple Color Emoji, Apple SD Gothic Neo, Arial, Arial Rounded MT Bold, Avenir, Bangla Sangam MN, Baskerville, Bodoni 72, Bradley Hand, Chalkboard SE, Chalkduster, Cochin, Copperplate, Courier, Courier New, Damascus, Devanagari Sangam MN, Didot, Diwan Mishafi, Euphemia UCAS, Farah, Futura, Geeza Pro, Georgia, and Gill Sans.

Installation:

To use these fonts in a React Native project, follow these steps:

  1. First, choose a font from the available options provided for Android or iOS.
  2. Add the selected font to the style element in your React Native project.

For Android:

style: {
  fontFamily: 'selected_font_name'
}

For iOS:

style: {
  fontFamily: 'selected_font_name'
}

Make sure to replace selected_font_name with the specific font name you want to use.

Summary:

The document provides a useful list of fonts available in React Native for both Android and iOS platforms. By following the installation guide and adding the chosen font to the style element in a React Native project, users can customize the appearance of text in their applications.