Skip to content

FontAwesome in sample app on iOS not working #83

Description

@john-dalsgaard

And the same goes for the icons in the title bar to the right (they show as a small rectangle with a question mark inside).

Activity

  1. pakbaz commented on Sep 19, 2018

    @pakbaz

    I figured it out. For iOS, for font awesome, You have to add fonts manually to resourced folder. then add the reference for those in info.plist . This is actually better since you can add the version of the font you want instead of Iconize adding it for you. As for the sample project, I think They forgot to update that portion of it

  2. john-dalsgaard commented on Sep 19, 2018

    @john-dalsgaard
    Author

    Thanks - I'll try that out!

  3. john-dalsgaard commented on Sep 19, 2018

    @john-dalsgaard
    Author

    @pakbaz Have you tried to use the tabbar at the bottom in Android (new in Forms 3.1)?

    It does funny things with the icons in my app when I try that (colours etc.)

  4. john-dalsgaard commented on Sep 19, 2018

    @john-dalsgaard
    Author

    @pakbaz So in the test app I added these font files (with BuildAction -> BundleResource):

    • fa-brands-400.ttf
    • fa-regular-400.ttf
    • fa-solid-900.ttf

    But they still don't show up.

    The references in info.plist are already there as per the instructions.

    What did you do differently?

  5. jsmarcus commented on Sep 19, 2018

    @jsmarcus
    Owner
  6. ClausElmann commented on Sep 19, 2018

    @ClausElmann

    @jsmarcus

    Strange - my app on IOS did not work with .ttf (renamed as stated above), only when I found the .otf version it was fixed :-)
    Android seems to work with both types

  7. john-dalsgaard commented on Sep 20, 2018

    @john-dalsgaard
    Author

    It worked - but I had to use the .otf files as well as rename them as @jsmarcus mentioned.

    After each change of files I cleaned the project and then ran it in debug mode on the simulator. Not sure if I should have done that differently?

  8. AbeHamade commented on Oct 2, 2018

    @AbeHamade

    Does anyone happen to have an actual working sample for iOS? I think I tried every combination posted here and nothing works. I would love to see a working version if someone would not mind posting it.

  9. AbeHamade commented on Oct 2, 2018

    @AbeHamade

    This is what I assumed to work:

    In the info.plist file add:

    <array>
    <string>iconize-entypoplus.ttf</string>
    <string>iconize-fontawesome-regular.otf</string>
    <string>iconize-fontawesome-solid.otf</string>
    <string>iconize-fontawesome-brands.otf</string>
    <string>iconize-ionicons.ttf</string>
    <string>iconize-material.ttf</string>
    <string>iconize-meteocons.ttf</string>
    <string>iconize-simplelineicons.ttf</string>
    <string>iconize-typicons.ttf</string>
    <string>iconize-weathericons.ttf</string>
    </array>

    Use the otf files downloaded from: HERE

    Rename them accordingly:

    iconize-fontawesome-brands.otf
    iconize-fontawesome-regular.otf
    iconize-fontawesome-solid.otf

    also tried....

    iconize-fontawesome-brands.ttf
    iconize-fontawesome-regular.ttf
    iconize-fontawesome-solid.ttf

    Place them in iOS Application Resources directory set to BundledResource.

    Test Form uses:

    <iconize:IconLabel FontSize="Large" VerticalOptions="Center" Text="fab-apple"/>

    Clean All, Build, Deploy.

    Result is no icon show, just the raw text.

  10. matteopiccioni commented on Oct 6, 2018

    @matteopiccioni

    Same problem here
    Thanks!

  11. cklenk commented on Oct 19, 2018

    @cklenk

    I was finally able to get this to work on iOS by downloading the Fontawesome otf files. Renaming them to iconize-fontawesome-regular/solid/brands.otf and adding them as a bundle resource in the project. Is this by design? Will this be a manual update whenever Fontawesome releases an update?

  12. Pirate911 commented on Nov 9, 2018

    @Pirate911

    It's not working for me either in ios . I updated to latest lib .

  13. Suplanus commented on Nov 13, 2018

    @Suplanus

    You have to add the ttf files manually in the iOS project in Resources (BundleResource).
    You also have to change the info.plist to the following:

    <key>UIAppFonts</key>
    <array>
        <string>iconize-fontawesome-brands.ttf</string>
        <string>iconize-fontawesome-regular.ttf</string>
        <string>iconize-fontawesome-solid.ttf</string>
    </array>
  14. 13 remaining items

  15. Suplanus commented on Mar 18, 2019

    @Suplanus

    In 3.4 it works. If i update to 3.5 nothing is showing

  16. snickler commented on Mar 18, 2019

    @snickler

    @Suplanus - Make sure your actual font files are updated from the Font Awesome repo. I just tried this on 3.5 last night and finally got it working (on iOS at least)

  17. Suplanus commented on Mar 18, 2019

    @Suplanus

    That was the problem, thanks @snickler.
    I was confused because i made a rollback via git and the problem was still there. The preview was OK.

    Think there is a crazy cache of the fonts, which make the problems (like in this issue).

  18. snickler commented on Mar 18, 2019

    @snickler

    Yeah @Suplanus , I think there is definitely a cache that happens when BundleResources are in the mix for some reason. I went through the same thing before yelling at my laptop :D

  19. Pirate911 commented on May 10, 2019

    @Pirate911

    Till now this awesome lib isn't working as expected ...Any solution to this issue @jsmarcus :( ?

  20. andrewsheley commented on Jul 8, 2019

    @andrewsheley

    Can someone explain how the f*** you get these stupid fonts to work in IOS? I have followed all these "instructions" and nothing works. Surely their is a clear concise set of instructions to explain how this works because nothing I've done is working.

  21. Pirate911 commented on Jul 9, 2019

    @Pirate911

    Can someone explain how the f*** you get these stupid fonts to work in IOS? I have followed all these "instructions" and nothing works. Surely their is a clear concise set of instructions to explain how this works because nothing I've done is working.

    That's what everyone is complaining about :(

  22. flamecrow commented on Jul 9, 2019

    @flamecrow

    Can someone explain how the f*** you get these stupid fonts to work in IOS? I have followed all these "instructions" and nothing works. Surely their is a clear concise set of instructions to explain how this works because nothing I've done is working.

    Just forget it, as of today I can't get it to work either.

  23. DuncanMcIntyre commented on Jul 10, 2019

    @DuncanMcIntyre

    Can someone explain how the f*** you get these stupid fonts to work in IOS? I have followed all these "instructions" and nothing works. Surely their is a clear concise set of instructions to explain how this works because nothing I've done is working.

    I got it working after adding the otf files in iOS' Resources folder and changing the references in Info.plist to .otf as well.

    Files in Resources folder:
    iconize-fontawesome-brands.otf
    iconize-fontawesome-regular.otf
    iconize-fontawesome-solid.otf

    References in Info.plist:
    UIAppFonts

    iconize-fontawesome-brands.otf
    iconize-fontawesome-regular.otf
    iconize-fontawesome-solid.otf

  24. Pirate911 commented on Jul 10, 2019

    @Pirate911

    Can someone explain how the f*** you get these stupid fonts to work in IOS? I have followed all these "instructions" and nothing works. Surely their is a clear concise set of instructions to explain how this works because nothing I've done is working.

    I got it working after adding the otf files in iOS' Resources folder and changing the references in Info.plist to .otf as well.

    Files in Resources folder:
    iconize-fontawesome-brands.otf
    iconize-fontawesome-regular.otf
    iconize-fontawesome-solid.otf

    References in Info.plist:
    UIAppFonts

    iconize-fontawesome-brands.otf
    iconize-fontawesome-regular.otf
    iconize-fontawesome-solid.otf

    Can you post a working sample proj plz?

  25. matteopiccioni commented on Jul 10, 2019

    @matteopiccioni

    you should use FontImageSource introduced in x.f. 4.0 (or 3.6 I dont remember)
    It works very well

  26. Pirate911 commented on Jul 10, 2019

    @Pirate911

    you should use FontImageSource introduced in x.f. 4.0 (or 3.6 I dont remember)
    It works very well

    Does it work for toolbar item as well ?

  27. matteopiccioni commented on Jul 10, 2019

    @matteopiccioni

    I dont think, you could try to use TitleView or to make a 'fake' navigation bar (as I did) in this way (https://www.thewissen.io/create-a-kickass-banking-app-using-a-basepage-in-xamarin/)

  28. Pirate911 commented on Jul 15, 2019

    @Pirate911

    Thank you @matteopiccioni ..That sounds like a better idea. 👍

  29. andrewsheley commented on Jul 15, 2019

    @andrewsheley

    I got font awesome to work with Android and IOS. The problem I had was if I changed the font it wouldn't show up in the emulator. So I delete the app from the emulator, clean the IOS project then debug again and it works. I created a video following the article of James Montamagno.

    https://youtu.be/p92T9djL2-U

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions