I’m currently developing a new Cordova app and I found out that some TTF fonts won’t get displayed with Cordova and PhoneGap – it’s all about iOS. My project uses Google Fonts, they work very well, but the Font Awesome package shows a square instead the correct the glyph on iOS.

iOS is blocking some fonts, but it’s easy to allow your app to use the fonts you want!

Navigate to the info tab of your app target and add a new row inside the iOS target properties:

xcode-ios-uiappfonts-01


Write or paste the magic raw word UIAppFonts (in pretty words just Fonts provided by application) in the input field:

xcode-ios-uiappfonts-02


Now you have to add the full path to your fonts. Each file gets an own key, just add a new row if you are using multiple fonts.
For example: /www/fonts/fontawesome-webfont.ttf

xcode-ios-uiappfonts-03