More Premium Hugo Themes Premium React Themes

React Native Fonts

Fonts available out of the box in a React Native project

React Native Fonts

Fonts available out of the box in a React Native project

Github Stars Github Stars: 1493
Last Commit Last Commit: Feb 6, 2019 -
First Commit Created: Feb 24, 2024 -
React Native Fonts screenshot

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.