Como usar fuentes True Type personalizadas en Windows Phone

Algo que nos puede surgir, como ha sido en mi caso, es que tengamos que utilizar una fuente True Type que no este disponible en nuestro dispositivo Windows Phone para nuestras aplicaciones en SilverLight.

Lo primero que tenemos que hacer es crear una nueva carpeta Fuentes en nuestro proyecto y copiar nuestra fuente.ttf dentro de ella.

Una vez copiada debemos cambiar la “Acción de compilación” de nuestro archivo .ttf a “Contenido”

image

Una vez hecho esto tan solo debemos establecer la propiedad FontFamily del texto a mostrar del siguiente modo:

.Fuentes[TU_ARCHIVO_TTF].ttf#[NOMBRE_DE_LA_FUENTE]

en XAML

<TextBox FonFamily=”.FuentesMiFuente.ttf#MiFuente” …

El problema de hacer esto así es que en el diseñador se nos va a mostrar la fuente SegoeWP lo cual puede dificultarnos un poco el trabajo a la hora de diseñar nuestra aplicación, por lo que otro método es hacer esto desde Expression Blend.

Para esto seleccionaremos un elemento y sobre el panel de propiedades hacemos clic sobre el cuadro de Propiedades Avanzadas de la fuente de texto y seleccionamos “Convertir en nuevo recurso…”

image

En el nuevo cuadro de dialogo establecemos el nombre con el que referenciaremos nuestra nueva fuente y estableceremos el contexto, dado que voy a utilizar esta fuente en toda mi aplicación marcaré Definir en Aplicación.

image

Una vez hecho esto tan solo tendremos que marcar nuestra fuente como Recurso local y seleccionarla.

image

Y listo, con esto tan solo tendremos que establecer la fuente de todos aquellos texto que deseemos que se vean con la nueva fuente.