Utilizar Font Awesome Xamarin.Forms [Xamarin]

Neste artigo vou mostrar como podemos utilizar fonte awesome no Xamarin.

Primeiro baixe em https://fontawesome.com/start Logo abaixo tem opção para Fazer o Download:

 

Após isso, descompacte o arquivo e vá em "fontawesome-free-5.14.0-web\fontawesome-free-5.14.0-web\webfonts" (Estou utilizando a versão 5.14.0) Copie o arquivo fa-solid-900.ttf para pasta Assets no Android.

Em App.xml cole o seguinte código;

<OnPlatform x:TypeArguments="x:String" x:Key="FontAwesomeRegularSolid">

                <On Platform="Android" Value="fa-solid-900.ttf#Font Awesome 5 Free Brand Regular" />

                <On Platform="iOS" Value="Font Awesome 5 Free" />

            </OnPlatform>

Para usar em seu seu projeto;

<Button x:Name="btn_logout" Text="&#xf007;" FontSize="30" FontFamily="{DynamicResource FontAwesomeRegularSolid}"/>

Este método é para usar FontAwesome do tipo Solid e Regular, para usar fontes do tipo Brand, segue;

Copie o arquivo fa-brands-400.ttf para Assest e no iPhone Resources, após isso implemente;

<OnPlatform x:TypeArguments="x:String" x:Key="FontAwesomeBrands">

                <On Platform="Android" Value="fa-brands-400.ttf#Font Awesome 5 Free Brand Regular" />

                <On Platform="iOS" Value="Font Awesome 5 Free" />

            </OnPlatform>

Para usar 

<Button x:Name="btn_logout" Text="&#xf39e;" FontSize="30" FontFamily="{DynamicResource FontAwesomeRegularSolid}"/>

No iOS, adicione na pasta Resources

No iOS .infoplist 

Adicione:

<key>UIAppFonts</key>

<array>

<string>FontAwesome5Brands.otf</string>

<string>FontAwesome5Regular.otf</string>

<string>FontAwesome5Solid.otf</string>

</array>

Fontes:

https://forums.xamarin.com/discussion/179763/how-to-use-fontawesome-in-the-xaml-in-a-xamarin-forms-app

COMENTE

& Compartilhe

Tweet