Unrecognized font family 'FontAwesome5Pro-Regular'
See original GitHub issue- Review the documentation: https://github.com/oblador/react-native-vector-icons
- Search for existing issues (including closed issues): https://github.com/oblador/react-native-vector-icons/issues
Environment
OS: macOS Mojave OS version: 10.14.6 Target platform: iOS React Native Vector Icons version: 6.6.0 React Native version: 0.60.5
Description
I have FontAwesome 5 Pro and I followed this installation guide to add FontAwesome 5 Pro icons to my project, but I cannot use any of the icons. (regular, light, etc). It throws the following error (if I use regular):
Unrecognized font family 'FontAwesome5Pro-Regular'
Reproducible Demo
Create a new React Native project -> add react-native-vector-icons to your package.json -> follow this installation guide -> run your project with the following code in it and see if it works:
import FontAwesome5Pro from 'react-native-vector-icons/FontAwesome5Pro';
<FontAwesome5Pro style={styles.icon} size={17} name="plus-circle"/>
Extra information
I see a folder called assets. In that folder there is a folder called fonts and it contains the following files:
FontAwesome5_Pro_Brands.ttf
FontAwesome5_Pro_Light.ttf
FontAwesome5_Pro_Regular.ttf
FontAwesome5_Pro_Solid.ttf
Thank you for helping me in advance.
EDIT:
- Yes, the pro installation was executed correctly according to the output in the console.
Issue Analytics
- State:
- Created 4 years ago
- Comments:11
Top Results From Across the Web
react-native unrecognized font family FontAwesome5Pro-Solid
I found the problem. It seems that FontAwesome5Pro-Solid fonts are either missing are broken in version 6.4.X of react-native-vector-icons.
Read more >unrecognized font family react-native ios custom font
1. react-native unrecognized font family FontAwesome5Pro-Solid. 4. ... Run react-native run-ios; From there on, both regular and Fast Refresh worked for me.
Read more >unrecognized font family ios | The AI Search Engine You Control
Normal I don't have a preference ... Unrecognized font family on iOS simulator with React Native ... Unrecognized font family Ionicons dont work...
Read more >react-native-vector-icons - npm
getFontFamily, Returns the font family that is currently used to retrieve icons as text. Usage: const fontFamily = Icon.getFontFamily().
Read more >react-native-vector-icons - Bountysource
Unrecognized font family 'FontAwesome5Pro-Regular' $ 0. Created 3 years ago in oblador/react-native-vector-icons with 11 comments. [x] Review ...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@hampustagerud Thank you. I think I was redirected to the wrong section at first. It redirects correctly now! Thanks a lot, I will try to see if I can fix it. I’ll let you know if I can/can’t.
Thanks in advance!
following this because I’m also having this issue.