O X do Xamarin Forms — Fontes customizadas

Image for post
Image for post

Fala Galera,

Como dizia Steve Jobs : O que importa é que o Macintosh tenha diversas opções de fontes .. bem talvez, ele não tenha dito isso …. mas se você leu a biografia dele sabe que foi quase isso não é?

Image for post
Image for post
Fontes e mais fontes

Hoje vamos falar de Fontes customizadas, no caso como adicionar outros tipos de fontes (o famoso *.ttf) no seu projeto Xamarin.Forms.

Bora !

Existem vários sites para conseguir fontes especificas ,tanto pagas como gratuitas. Para nosso exemplo, vamos usar o Google Fonts.

Para o nosso exemplo eu baixei a fonte :

Image for post
Image for post
Porque eu baixei essa? Porque o nome é estranho :)

Agora que temos nossa fonte, precisamos adicionar em cada um dos projetos.

Android:

Adicione o arquivo na pasta Assets.

Image for post
Image for post
Pasta Assests Android

Nas propriedades do Arquivo deixe o “Build Action” como AndroidAsset.

Image for post
Image for post
Build Action

IOS:

Adicione o arquivo na pasta Resources.

Image for post
Image for post
Pasta Resources do IOS

Nas propriedades do Arquivo deixe o “Build Action” como BundleResource.

Image for post
Image for post
Build Action

Agora precisamos editar o info.plist com o nome do arquivo que queremos usar:

Image for post
Image for post
Info.plist

UWP:

Adicione o arquivo na pasta Assets.

Image for post
Image for post
Pasta Assets do UWP

Nas propriedades do Arquivo deixe o “Build Action” como Content.

Image for post
Image for post
Build Action

Beleza, agora que adicionamos o arquivo nos projetos precisamos adicionar nossa fonte nos Resources do arquivo App.xaml.

Cada plataforma interpreta o nome do arquivo de um jeito, então procure deixar como o exemplo abaixo :

Image for post
Image for post
App.xaml

Para utilizar a fonte, basta utilizar o resource. Vamos criar um exemplo na nossa MainPage.xaml.

Image for post
Image for post
MainPage.xaml

Rodando!

Image for post
Image for post
Exemplo rodando no UWP

legal não é? Quem quiser pode baixar no exemplo no meu Github.

Espero ter ajudado!

Aquele abraço!

Written by

Microsoft MVP,Gamer, Desenvolvedor e apaixonado por tecnologia!

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store