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, andserif. - 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, andGill Sans.
Installation:
To use these fonts in a React Native project, follow these steps:
- First, choose a font from the available options provided for Android or iOS.
- 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.