showing results for - "react native vector icons unrecognized font family"
Valerio
04 Mar 2017
1import Icon from 'react-native-vector-icons/MaterialIcons'
2
3Icon.loadFont();
4
Abril
01 Sep 2018
1Easy/Working solution 2021. React Native 0.64. XCode 12+
2
3Add these lines in ios/<ProjectName>/Info.plist. Rebuild ios app. that's it!
4
5<key>UIAppFonts</key>
6    <array>
7      <string>AntDesign.ttf</string>
8      <string>Entypo.ttf</string>
9      <string>EvilIcons.ttf</string>
10      <string>Feather.ttf</string>
11      <string>FontAwesome.ttf</string>
12      <string>FontAwesome5_Brands.ttf</string>
13      <string>FontAwesome5_Regular.ttf</string>
14      <string>FontAwesome5_Solid.ttf</string>
15      <string>Fontisto.ttf</string>
16      <string>Foundation.ttf</string>
17      <string>Ionicons.ttf</string>
18      <string>MaterialIcons.ttf</string>
19      <string>MaterialCommunityIcons.ttf</string>
20      <string>SimpleLineIcons.ttf</string>
21      <string>Octicons.ttf</string>
22      <string>Zocial.ttf</string>
23    </array>
Enrico
17 May 2016
1On Android it takes the name of the file and you are done. On iOS however it is a bit more complex.
2
3There are a few steps you should take:
4
51) Double check the font files are included in the Target in XCode
62) Make sure they are included in the step "Copy Bundle Resources" (add files, not folders)
73) Include them in the Info.plist of the app
84) Find the name of the Font through FontBook or with some log statements in your AppDelegate
9
10Explained in more detail here: http://codewithchris.com/common-mistakes-with-adding-custom-fonts-to-your-ios-app/
11
12Good luck!
queries leading to this page
unrecognized font family 2b futura fontsunrecognized font family react native 27antoutline 27unrecognise font feather react ntve iosreact native unrecognized font family entyporeact native elements unrecognized font family material iconsunrecognized font family react native iosunrecognized font family 27sourcesanspro 700boldunrecognized font familyunrecognized font family 27font awesome 5 free solid 27ios app crashing unrecognized fontfamily 27add manual font ios react native using react native vector iconsreact native vector icons unrecognized font familyunrecognized font family 27simple line icons 27unrecognized font family react nativeunrecognized font family font awesome react native iosunrecognized font family 27fontawesome5freesolid 27 iosunrecognized font family 27anticon 27unrecognized font family react native vector icons iosunrecognised font family fontawesomeunrecognised font family sanserif react nativecreateiconsetfromicomoon unrecognized font family react native vector iconsreact native unrecognized font family fontawesomeunrecognized font family sans serif react nativereact native unrecognized font family fontawesome with checkboxreact native vector icons 2ffontawesome5 unrecognized font family 27fontawesome5free solid 27react native unrecognized font familyreact native ios unrecognized font family fontawesomereact native elements font family fontawesomeunrecognized font family iosreact native unrecognized font family 27entypo 27react native unrecognized font family serifreact native vector icons unrecognized font family 27anticon react native unrecognized font family ioniconsios app crashing unrecognized fontfamily 27 27unrecognized font family octiconsunrecognized font family fontawesomeunrecognized font family feather react native vector iconsunrecognized font family 27fontawesome 27unrecognized font family 3a 27feature 27react native elements unrecognized font family fontawesomereact native vector icons unrecognized font family 27fontawesome 27unrecognized font family font awesome react nativecustom font react native vector iconsreact native vector icons unrecognized font family