0

I am currently developing a Phonegap app and I cannot get any fontawesome icons to show up on the device.

They show up in testing on my desktop but once I go to the device, there are no icons. They don't show up as the squares either, just nothing at all. I am including the fontawesome.css file in my index.css file, is there something more I have to do for Phonegap and fontawesome?

tommybond
  • 650
  • 6
  • 19
  • I don't know what Phonegap is, but does it really relieve you of the responsibility to include your font in the app bundle? – matt Oct 23 '15 at 14:03
  • I guess I don't really know. I'm not sure how to include the font in my bundle. – tommybond Oct 23 '15 at 18:47
  • Let me put it this way: how are you expecting the font to work? Does Phonegap magically do something that would make the font work (like get it off the Internet when your app runs)? If not, you would have to include the font in your bundle like everyone else. – matt Oct 23 '15 at 21:39
  • 1
    tommy.bonderenka you are getting the correct answer from @matt You need to include the fonts on the mobile device. DO NOT fetch them from the internet. This is not good practice. –  Oct 24 '15 at 03:03

1 Answers1

1

You need to include the font file in your app bundle, as shown in this screen shot:

enter image description here

Drag the font file into the Project Navigator on the left, and then edit your Info.plist to give the name of the font file. You will then be able to refer to the font in your app's code.

matt
  • 515,959
  • 87
  • 875
  • 1,141