Fonts available out of the box in a React Native project
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.
normal, notoserif, sans-serif, sans-serif-light, sans-serif-thin, sans-serif-condensed, sans-serif-medium, and serif.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.To use these fonts in a React Native project, follow these steps:
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.
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.