FontAwesome in sample app on iOS not working

[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).

[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

[john-dalsgaard]

Thanks - I'll try that out!

[john-dalsgaard]

@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.)

[john-dalsgaard]

@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?

[ClausElmann]

@john-dalsgaard

On IOS, try using .otf files from https://github.com/FortAwesome/Font-Awesome/tree/master/use-on-desktop

[jsmarcus]

The .ttf files are the correct files but Iconize is expecting them to be named the following: iconize-fontawesome-brands.ttf iconize-fontawesome-regular.ttf iconize-fontawesome-solid.ttf From: ClausElmann <notifications@github.com> Sent: Wednesday, September 19, 2018 3:28 PM To: jsmarcus/Iconize <Iconize@noreply.github.com> Cc: Subscribed <subscribed@noreply.github.com> Subject: Re: [jsmarcus/Iconize] FontAwesome in sample app on iOS not working (#83) @john-dalsgaard<https://eur03.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fjohn-dalsgaard&data=02%7C01%7C%7C00235610e9d643096fc408d61e6606d0%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C636729820872965606&sdata=bPG2fadhEFsIxjf3E3%2BcpScpZy8benJKH2YQSC26kUU%3D&reserved=0> On IOS, try using .otf files from https://github.com/FortAwesome/Font-Awesome/tree/master/use-on-desktop<https://eur03.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2FFortAwesome%2FFont-Awesome%2Ftree%2Fmaster%2Fuse-on-desktop&data=02%7C01%7C%7C00235610e9d643096fc408d61e6606d0%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C636729820872965606&sdata=ZJI7ziBrEsw8t75AEOHZnirixtJjgIR8cqDk%2B3oz%2FgA%3D&reserved=0> — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub<https://eur03.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fjsmarcus%2FIconize%2Fissues%2F83%23issuecomment-422928993&data=02%7C01%7C%7C00235610e9d643096fc408d61e6606d0%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C636729820872965606&sdata=8btjbcPvX4k5l%2BedgNTgaKSzPPjO8f9GYLEU5mjiBV4%3D&reserved=0>, or mute the thread<https://eur03.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fnotifications%2Funsubscribe-auth%2FAB1LIDXpQcdbI4_T68xs-wwqPfgViKeFks5ucprCgaJpZM4WwWrj&data=02%7C01%7C%7C00235610e9d643096fc408d61e6606d0%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C636729820872965606&sdata=jyNQVbCfJk8XhQU9bI%2BFRu5BOUV8YqS8ZWGJiRvrc%2B8%3D&reserved=0>.

[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

[john-dalsgaard]

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?

[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.

[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.

[matteopiccioni]

Same problem here
Thanks!

[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?

Not working for me with IconImage in iOS on Android works fine but not in iOS.
Can someone fix this ?

[Pirate911]

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

[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>