Font Awesome – Xamarin.Forms

Neste post irei demonstrar como você pode utilizar Font Awesome em suas aplicações Xamarin.Forms.

No momento em que escrevo este post o Font Awesome encontra-se em sua versão 5.0.13, então por isso esta versão será utilizada neste exemplo.

 

Download

O primeiro passo é acessar o site do Font Awesome e realizar o download do arquivo de fontes clicando em “Download Free” como demonstrado na imagem a seguir.

Site: https://fontawesome.com

1

 

Descompacte o arquivo .zip onde preferir.

2

O arquivo que nos interessa é o arquivo de fonte, com a extensão “.ttf” que encontra-se no seguinte caminho de pastas: “fontawesome-free-5.0.13\web-fonts-with-css\webfonts“.

Android

Em seu projeto .Android, adicione o arquivo dentro da pasta Assets, como demonstrado na imagem a seguir.

3

iOS

Em seu projeto .iOS, adicione o arquivo dentro da pasta Resources, como demonstrado na imagem a seguir.

4

Info.plist

No arquivo Info.plist referencie o arquivo de fontes como demonstrado a seguir.

info

 

Xaml

Utilize ” &#x ” acompanhado do Unicode do ícone desejado  e  OnPlatform para definir a FontFamily de acordo com cada plataforma, como demonstrado a seguir.

Resultado

 

screenshot-15291168720892018-07-11_03-42-04-

 

 

 

 

 

 

 

 

 

 

 

 

 

Esse e todos os exemplos deste blog encontram-se disponíveis no GitHub.

icongithub

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair /  Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair /  Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair /  Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair /  Alterar )

w

Conectando a %s