Compartir a través de


Tipografía de la aplicación de Microsoft Teams

En este artículo se proporciona cómo incorporar la tipografía estándar de Teams en el diseño de la aplicación.

Tipo de fuente

En el ejemplo se muestra la fuente de la aplicación web y de escritorio.

Aplicación web y de escritorio

Teams usa la interfaz de usuario de Segoe para su rampa de tipos para optimizar la jerarquía y la legibilidad.

En el ejemplo se muestra la fuente de la aplicación android.

Android

La aplicación Android de Teams usa el tipo de letra Roboto. Para obtener más información, consulte Directrices y ejemplos de Android (ui de Fluent).

En el ejemplo se muestra la fuente de la aplicación iOS.

iOS

La aplicación para iOS de Teams usa el tipo de letra SF Pro. Para obtener más información, consulte instrucciones y ejemplos de iOS (interfaz de usuario de Fluent).

Escala de tipos

Teams usa siete estilos que van desde títulos de nivel uno hasta títulos.

En el ejemplo se muestran siete estilos para el uso de Teams.

Peso de fuente

Los pesos de fuente son para identificar elementos específicos y transmitir estados. No use negrita para crear la jerarquía en el texto. En su lugar, use un tono de gris diferente y el peso SemiBold.

En el ejemplo se muestra el peso de fuente para el uso de Teams.

Uso

El uso de diferentes tamaños de fuente y pesos ayuda a crear jerarquías y garantizar la legibilidad. Sin embargo, no dependa solo del tamaño y el peso. Cuando sea posible, compile la jerarquía con los colores de texto principal, secundario y terciario que se enumeran aquí.

En el ejemplo se muestra el uso de diferentes fuentes y peso en la aplicación Teams.