I'm trying to implement custom icons with Fontello on React Native with IOS but running into the same problem. I followed all the required steps from documentation by installing vector-icons and then linking them. Next I placed the .ttf file in my /assets/fonts folder and linked those as well. I checked that the .ttf was placed in resources in the ios folder as well as the build phases and info.plist. However, when I run it, the font shows up as question mark inside a box which responds to size and color. What should I be doing? I tried restarting, relinking, and deleteing and reinstalling the app among other solutions.
Here is the code for the icon:
import { createIconSetFromFontello } from 'react-native-vector-icons';
import fontelloConfig from '../config.json';
const Icon = createIconSetFromFontello(fontelloConfig);
...
render(){
StatusBar.setBarStyle('light-content', true);
return (
<View style={styles.loginContainer}>
<Icon name="icon_x" size={80} color="#bf1313" />
...
An image of what the output looks like:
