Repository navigation
FontAwesome in sample app on iOS not working #83
Description
Activity
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
Reacted by John Dalsgaard and Shashank ShekharThanks - I'll try that out!
@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.)
@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?
On IOS, try using .otf files from https://github.com/FortAwesome/Font-Awesome/tree/master/use-on-desktop
- 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>.Reacted by macio Jun
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 typesIt 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?
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.
Reacted by andrewsheley and TurkThis 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.otfalso tried....
iconize-fontawesome-brands.ttf
iconize-fontawesome-regular.ttf
iconize-fontawesome-solid.ttfPlace 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.
Same problem here
Thanks!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?
Reacted by Nipun Kalra and matteopiccioniIt's not working for me either in ios . I updated to latest lib .
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>
13 remaining items
In 3.4 it works. If i update to 3.5 nothing is showing
@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)
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).
Reacted by Jeremy SinclairYeah @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
Till now this awesome lib isn't working as expected ...Any solution to this issue @jsmarcus :( ?
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.
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 :(
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.
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.otfReferences in Info.plist:
UIAppFontsiconize-fontawesome-brands.otf
iconize-fontawesome-regular.otf
iconize-fontawesome-solid.otfCan 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.otfReferences in Info.plist:
UIAppFontsiconize-fontawesome-brands.otf
iconize-fontawesome-regular.otf
iconize-fontawesome-solid.otfCan you post a working sample proj plz?
you should use FontImageSource introduced in x.f. 4.0 (or 3.6 I dont remember)
It works very wellyou should use FontImageSource introduced in x.f. 4.0 (or 3.6 I dont remember)
It works very wellDoes it work for toolbar item as well ?
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/)
Thank you @matteopiccioni ..That sounds like a better idea. 👍
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.
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).