Directrices sobre fuentes

El uso correcto de los tamaños y espesores de fuente, colores, interlineado y espaciado puede conferir a tu aplicación de la Plataforma universal de Windows (UWP) un aspecto ordenado y organizado que facilite su uso. Sigue estas directrices al seleccionar fuentes y al especificar tamaños y colores de fuente.

Si buscas una lista de iconos Segoe UI Symbol, consulta Guidelines for Segoe UI Symbol icons.

La rampa de tipos de Windows 10

La rampa de tipos establece una relación de diseño crucial, desde los títulos al texto del cuerpo, y garantiza una jerarquía comprensible y clara entre los diferentes niveles. Los usuarios comprenden de inmediato dónde pueden encontrar la información y cómo analizar la página.

Esta es la tabla de tipos que se recomienda para aplicaciones UWP:

Estilo de textoTipo de letraGrosorTamaño (epx)Espaciado entre líneas (epx)Espacio entre palabrasAjuste de espaciado entre caracteres (1/1000 em)Clave de estilo XAML
EncabezadoSegoe UILight4656100%0HeaderTextBlockStyle
SubencabezadoSegoe UILight3440100%0SubheaderTextBlockStyle
TítuloSegoe UISemilight2428100%0TitleTextBlockStyle
SubtítuloSegoe UIRegular2024100%0SubtitleTextBlockStyle
BaseSegoe UISemibold1520100%0BaseTextBlockStyle
CuerpoSegoe UIRegular1520100%0BodyTextBlockStyle
SubtítuloSegoe UIRegular1214100%0CaptionTextBlockStyle

 

Fuentes recomendadas

No tienes que usar la fuente Segoe UI para todo. Puedes usar otras fuentes para determinados escenarios, como la lectura o al mostrar texto en idiomas distintos del inglés.

Esta es la lista de fuentes que se garantiza que estarán disponibles en todas las ediciones de Windows 10 que admiten aplicaciones UWP.

Nota  Si usas una fuente que no está en esta lista, es posible que la aplicación desencadene la descarga automática de los datos de fuente de un servicio Microsoft. Esto puede tener influencia en el rendimiento y en otros aspectos que pueden ser un problema, especialmente para dispositivos móviles. En particular, ten en cuenta que esto podría consumir parte del plan de datos móviles de un usuario o provocar la aplicación de costos de uso de datos móviles. Las aplicaciones para UWP que estarán disponibles en los dispositivos móviles nunca deben usar fuentes para el contenido de la interfaz de usuario que no aparezcan en esta lista.
Font-familyEstilosComentario
ArialNormal, cursiva, negrita, cursiva negrita, gruesa
CalibriNormal, cursiva, negrita, negrita cursiva, delgada, cursiva delgada
CambriaRegular
Cambria MathRegular
Comic Sans MSNormal, cursiva, negrita, cursiva negrita
Courier NewNormal, cursiva, negrita, cursiva negrita
EbrimaNormal, negritaFuente de la interfaz de usuario de escrituras africanas (etíope, N'Ko, Osmanya, Tifinagh, Vai)
GadugiRegularFuente de la interfaz de usuario de escrituras norteamericanas (Silábica canadiense, Cherokee)
GeorgiaNormal, cursiva, negrita, cursiva negrita
Texto javanés Normal Fuente de reserva de escritura javanesaRegularFuente de reserva para script javanés
Leelawadee UINormal, Semilight, negritaFuente de la interfaz de usuario de escrituras del sureste asiático (buginesa, Lao, Khmer, tailandés)
Lucida ConsoleRegular
Malgun GothicRegularFuente de la interfaz de usuario para coreano
Microsoft HimalayaRegularFuente de reserva para escritura tibetana
Microsoft JhengHeiRegular
Microsoft JhengHei UIRegularFuente de la interfaz de usuario para chino tradicional
Microsoft New Tai LueRegularFuente de reserva para la escritura New Tai Lue
Microsoft PhagsPaRegularFuente de reserva para la escritura Phags-pa
Microsoft Tai LeRegularFuente de reserva para la escritura tailandesa
Microsoft YaHeiRegular
Microsoft YaHei UIRegularFuente de la interfaz de usuario para chino simplificado
Microsoft Yi BaitiRegularFuente de reserva para escritura yi
Mongolian BaitiRegularFuente de reserva para escritura mongola
MV BoliRegularFuente de reserva para escritura Thaana
Texto en birmanoRegularFuente de reserva escritura birmana
Nirmala UINormal, Semilight, negritaFuente de la interfaz de usuario para scripts del sur asiático (bengalí, devanagari, gujarati, gurmukhi, kannada, malayalam, odia, ol chiki, cingalés, sora sompeng, tamil, telugu)
Segoe MDL2 AssetsRegularFuente de la interfaz de usuario para los iconos de aplicación
Segoe PrintRegular
Segoe UINormal, cursiva, negrita, cursiva negrita, delgada, semidelgada, seminegrita, gruesaFuente de la interfaz de usuario de escrituras europeas y de Oriente Medio (árabe, armenio, cirílico, georgiano, griego, hebreo, latino) y también escritura Lisu
Segoe UI EmojiRegularLa versión que se incluye en Windows Phone incluye un contorno blanco alrededor de cada emoji para garantizar que se mostrará en cualquier fondo de color. Es métricamente compatible con la versión que se incluye en Windows.
Segoe UI HistoricRegularFuente de reserva para escrituras históricas
Segoe UI SymbolRegularFuente de reserva de símbolos
SimSunRegular
Times New RomanNormal, cursiva, negrita, cursiva negrita
Trebuchet MSNormal, cursiva, negrita, cursiva negrita
VerdanaNormal, cursiva, negrita, cursiva negrita
WebdingsRegular
WingdingsRegular
Yu GothicMedia
Interfaz de usuario de Yu GothicRegularFuente de la interfaz de usuario para japonés

 

Temas relacionados

Para diseñadores
Etiqueta (o bloque de texto)
Iconos de Segoe UI Symbol
Para desarrolladores (XAML)
Referencia a recursos de temas en XAML
Diseñar una página de la aplicación
Iconos de Segoe UI Symbol
TextBlock.FontFamily property
Para desarrolladores (HTML)
WinJS style sheets
Inicio rápido: Agregar estilos y controles de WinJS
Diseñar una página de la aplicación
Iconos de Segoe UI Symbol
font-family property
letter-spacing property
-ms-font-feature-settings
Muestras
Muestra de visualización de texto XAML
Estilo CSS: personalización de marca de la aplicación
Muestra de asignación de fuentes por idioma

 

 

Mostrar:
© 2015 Microsoft