Agregando fuentes personalizadas en Xamarin Forms

Leomaris Reyes
Oct 23 · 2 min read

En ocasiones necesitamos aplicar un diseño con fuentes de letras diferentes a las que utilizamos normalmente, ya que nos ayudan a una mejor visualización del diseño de nuestras pantallas y es en este momento cuando utilizamos estas fuentes personalizadas. ¡Es por esta razón aprenderemos los fácil que es hacerlo, veamos!


¡Empecemos!

Para el ejemplo, usaré la fuente Cute Jellyfish, puedes descargarla aquí. Lo primero que tenemos que aprender es que necesitamos realizar algunas pequeńas configuraciones en cada plataformas. A ver!

Configuración para IOS

1⃣ . Agrega la fuente en la carpeta Resources. Para mejor organización de tu proyecto puedes agregar la carpeta Fonts dentro de Resources. Una vez agregada, asegúrate de que la propiedad Build Action esté configurada como BundleResources.

2⃣. En tu arcihvo Info.plist, agrega el key UIAppFonts o Fonts provided by application . Luego añade como string los nombres de todas las fuentes personalizadas que estaras utilizando. En este caso, voy a agregar la fuente Fonts / Cute Jellyfish.ttf.

¿Cómo implementarla?

Para usarlo solo tienes que agregar la propiedad FontFamily junto al nombre de la fuente sin extensión.


Configuración para Android

Solo debes agregar la fuente a la carpeta Assets.

¿Cómo implementarla?

Android tiene una manera diferente de usarlo, solo tienes que seguir esta estructura:

Ejemplo:


Pero … Si IOS y Android tienen diferentes formas de uso … ¿Cómo podría aplicarlo a mi aplicación? 🤔

Para hacerlo, usemos OnPlatform que nos permite agregar configuraciones para cada plataforma específica desde nuestro XAML.


Artículo en inglés: https://askxammy.com/adding-custom-fonts-in-xamarin-forms/

¡Gracias por leer mi artículo!💚💕

Leomaris Reyes

Written by

I'm Leomaris Reyes, Microsoft MVP from the Dominican Republic, with more than 6 years of experience in Software Development. ❤

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade