Usar Font externas en App de Windows Phone

Estándar

Windows Phone permite que se puedan utilizar fuentes TTF personalizadas en las aplicaciones a partir de XAML y C #. donde dejaremos unos simples pasos para que puedas utilizar distintos estilos.

Paso 1 – Asegúrese de que tiene la fuente correcta
WP requiere que nosotros tengamos la fuente en formato TrueType (. Ttf). Si tenemos un archivo de formato Open Type (. Otf)  no va a funcionar, donde tenemos que transformarlos a .TTF dejo una pagina bastante buena que convierte estos formatos
http://www.font2web.com/

Paso 2 – Añadir la fuente al proyecto
Agregar los archivos de fuentes al proyecto, me gustaría recomendar algún lugar como/ Resources / Fonts / BrushScriptStd.ttf 

En Visual Studio, haga clic derecho en la carpeta Resources: Agregar > Nueva carpeta  y llamamos la carpeta : Fonts
Luego nuevamente Click derecho pero ahora a la carpeta Fonts y : Agregar > Elemento existente 
y seleccionamos la fuente tipo TTF.  Y ya tenemos nuestra fuente agregada a nuestro proyecto.

Paso 3 – Añadir un elemento FontFamily a App.xaml
Abra el archivo App.xaml y agregue una referencia FontFamily para la fuente que acaba de agregar .

<FontFamily x:Key=”BrushScriptStd”>/Resources/Fonts/BrushScriptStd.ttf#Brush Script Std</FontFamily>

En este paso hay que tener mucho ojo ya que despues de # tiene que ir el nombre de la fuente NO EL NOMBRE DEL ARCHIVO

dejo una imagen para que vean donde se encuentra el nombre de la fuente:

Sin título

 

 

 

Paso 4 – Utilice su fuente 

ahora ya teniendo todo lo demás listo pasamos a utilizar nuestra fuente ya agregada anteriormente con este codigo en XAML agregando FontFamily:

 

<TextBlock FontFamily=”{StaticResource BrushScriptStd}” Text=”nombre de la página” Margin=”9,-7,0,0″ Style=”{StaticResource PhoneTextTitle1Style}”/>

 

y listo ya podemos ver nuestra fuente en nuestro proyecto, esto funciona para windows phone 7 y 8.

Sin título

 

Saludos hasta la proxima! y como siempre les dejo el Demo para que lo revisen!🙂

Un comentario en “Usar Font externas en App de Windows Phone

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s