Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Unrecognized font family 'FontAwesome5Free-Regular'

See original GitHub issue

Environment

OS: High Siera iOS Version: 12.1 Device: Simulator(iPhone XR)

"dependencies": {
    "native-base": "^2.13.5",
    "react": "16.8.6",
    "react-native": "0.60.5",
    "react-native-vector-icons": "^6.6.0",
  },

Description

In Android its working fine without any issues, in IOS i am getting bellow error in the Xcode Console.

2019-08-31 23:38:46.595 [error][tid:com.facebook.react.ShadowQueue][RCTFont.mm:314] Unrecognized font family 'FontAwesome5Free-Regular'
2019-08-31 23:38:46.595072+0530 MyAppBundle[25998:316276] Unrecognized font family 'FontAwesome5Free-Regular'
2019-08-31 23:38:46.637 [info][tid:com.facebook.react.JavaScript] 'BugReporting extraData:', { 'AppRegistry.runApplication1': 'Running application "MyAppBundle" with appParams: {"rootTag":1,"initialProps":{}}. __DEV__ === true, development-level warning are ON, performance optimizations are OFF' }
2019-08-31 23:38:46.637703+0530 MyAppBundle[25998:316283] 'BugReporting extraData:', { 'AppRegistry.runApplication1': 'Running application "MyAppBundle" with appParams: {"rootTag":1,"initialProps":{}}. __DEV__ === true, development-level warning are ON, performance optimizations are OFF' }
2019-08-31 23:39:20.212374+0530 MyAppBundle[25998:316381] [] nw_socket_handle_socket_event [C8.1:2] Socket SO_ERROR [54: Connection reset by peer]

Reproducible Demo

Issue Analytics

State:
Created 4 years ago
Reactions:9
Comments:14 (2 by maintainers)

Top GitHub Comments

19reactions

jefelewiscommented, Sep 22, 2019

Solved it with using Icon.loadFont();

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

15reactions

gemcavecommented, May 5, 2020

You forget to add in info.plist

<key>UIAppFonts</key>
<array>
<string>AntDesign.ttf</string>
<string>Entypo.ttf</string>
<string>EvilIcons.ttf</string>
<string>Feather.ttf</string>
<string>FontAwesome.ttf</string>
<string>FontAwesome5_Brands.ttf</string>
<string>FontAwesome5_Regular.ttf</string>
<string>FontAwesome5_Solid.ttf</string>
<string>Foundation.ttf</string>
<string>Ionicons.ttf</string>
<string>MaterialIcons.ttf</string>
<string>MaterialCommunityIcons.ttf</string>
<string>SimpleLineIcons.ttf</string>
<string>Octicons.ttf</string>
<string>Zocial.ttf</string>
</array>

Top Results From Across the Web

Unrecognized font family 'FontAwesome5Free-Solid'

I think this error is coming because you are importing FontAwesome5Pro Icon in your file. Just use FontAwsome5 icon and you will not...

Unrecognized font family 'FontAwesome' - Seishin's Life

Just encontered this issue after installing the react-native-vector-icons package and run the app on an iOS simulator.

Unrecognized font family 'FontAwesome5Free-Solid'-swift

This happened out of nowhere, and I have no idea what happened. I started to run my app and got this error: enter...

React Native Solve Unrecognized Font Family Material ...

To solve this error we have to add UIAppFonts in info.plist file. React Native Solve Unrecognized Font Family Material Design Icons Error ...

“react native ExceptionsManager.js:184 Unrecognized font ...

unrecognized font family fontawesome react native ios ... Unrecognized font family 'FontAwesome5Free-Regular' react native · unrecognized font family ...