Custom Fonts & Font Icons/Images in Xamarin.Forms

Goodbye static images and hello font icons! That is right, I am here to show you how to reduce your development time by using font icons inside of your Xamarin.Forms applications. I also walk through how to put in any custom font into your application with just a single line of code.

Time Code:
00:00 - Intro
01:25 - What are font icons, get them, and explore
05:05 - Importing fonts into Visual Studio
10:00 - Using custom font with FontFamily
11:55 - Using a font icon in XAML and static resources
14:30 - Using helper methods for font icons
17:15 - FontImageSource for Shell, Images, and More
19:15 - Wrap-up

Links:

Disclaimer: This channel, videos, and streams are created in my spare time and are a product of me... James Montemagno! They are NOT officially affiliated or endorsed by Microsoft (my employer) in any way. Opinions and views are my own.

Follow:

My Setup:

#XamarinForms #FontIcons #FontAwesome

[elijahromer]

James Montemagno - the illest Xamarin developer around. Thanks my dude.

[CraxGaming]

Hi James. Thanks for the help. I based my bachelor task on a mobile application like uber, but for businesses, with xamarin forms and your videos learned me every basic thing i needed to know. Every other tutorial is to messy. Yours is really clean. So thank you. <3

[ATNL]

Thanks you man, really I am spending over 5 days watching ur tuts and still not finish but really it was very nice time I speed a while . I learn a lot and see a guy know how to code not man just copy and paste, pro guy like u should get 1000K like for his nice work.
again Thank you very much, and please keep good work.

[ActeonEtharius]

Great tutorial, really helped me out! Will start working through the rest now I've subbed :)

[skippydinggledank]

THANK YOU SO VERY MUCH! You helped me out so much dude :)

[saberint]

Thank you :) keep meaning to look up how to bring in font awesome but never seem to get around to it... 20 min vid and it’s done and dusted

[erikwettergren]

Another nice tutorial (out of many) what's up next? I hope you consider doing a piece on how to add machine learning capabilities - I mean a coffee app should have the possibility to provide recommendations on what coffee to serve to people based on their mood - or grinder settings based on weather forecasts - right?

[jeffybanjo]

Cool, nice one, very helpful. Can you please do globalization/localisation in xamarin or point to any materials

[akramtalmoudi]

hi James i want to Know more about the Call Log with xamarin please a video about it and to customized?

[sodiko]

Thank you for your content. I am stuck with customizing the shell tab bar with icon fonts that change if it the tab is selected or not. I was able to use icon fonts with FontImageSource. To allow the iconfont to change, I have used Style Triggers that check the IsSelected Property and based on true or false will assign an icon font. However, this way it creates flickering and a small animation when changing tabs

[guyincognito]

Everything I know about Xamarin, I learned from James Montemagno, Carl Franklins and Gil Cleeren (Pluralsight).

[FaheemRasheed]

how can we have an icon followed by the Label text. I mean an icon preceding the text for the same label. two labels with text of one set to static resource for font awesome and the other as text has some UI alignment issues.

[_grzehotnik]

some icons from font awesome are missing, they don't display at all

[HelloVNNY]

Starting April 26, 2021, all iOS and iPadOS apps submitted to the App Store must be built with Xcode 12 and the iOS 14 SDK.
Will Xamarin ios app still be able to Apple Store???
Thanks.

[worldofbasti]

This is a nice way of supporting icons, thank you! One question: Is it possible to add a contour?

[bity-bite]

Will you ever create WPF tutorials? Your videos are amazing

[thirdprize]

Except if you want to reference them from a bit of local HTML in a web view. Then it is a bit trickier as it doesn't just pick them up. That still needs platform dependant code.

[simondesimpelaere]

I don't plan on using all of the icons, how can i only upload a couple icons into my app instead of all of them?

[גליאילם]

hey I did everything but instead of an icon it puts an x
any idea why?

[guyincognito]

Can I just buy a CD-ROM with 10, 000 FREE ICONS!?