How to add a font to react-native-macos?

73 views Asked by xfscrypt At 18 October 2023 at 14:28

I am trying to install react-native-vector-fonts and have followed the instructions at

I then imported the font:

import Icon from 'react-native-vector-icons/FontAwesome';
Icon.loadFont();

and then use it in the following way:

 <Icon name="rocket" size={30} color="#900" />

However I get the following error: Unrecognized font family FontAwesome.

I have also followed the instructions at:

but I am still receiving the error Unrecognized font family FontAwesome.

I have ensured the following exists in my macos/myapp-macOS/Info.plist file:

    <key>ATSApplicationFontsPath</>
    <array>
        <string>Fonts</string>
    </array>

How do I solve this?

TechQA.