Aplica la tipografía

Display se utiliza para cadenas de texto cortas y grandes que muestran información hero fácil y rápida de leer, métricas significativas y momentos expresivos de la marca, y que inspiran confianza en el usuario.

• DisplayLarge es el título más grande. Display corresponde al texto más grande de la pantalla. Esta categoría se reserva para información hero breve —que sea fácil y rápida de leer—, métricas significativas, mensajes que inspiran confianza o momentos expresivos de la marca. Todas estas cadenas de texto se benefician de una escala y un estilo prominentes.
• DisplayMedium es el segundo título más grande. Display corresponde al texto más grande de la pantalla. Esta categoría se reserva para información hero breve —que sea fácil y rápida de leer—, métricas significativas, mensajes que inspiran confianza o momentos expresivos de la marca. Todas estas cadenas de texto se benefician de una escala y un estilo prominentes.
• DisplaySmall es el título más pequeño. Display corresponde al texto más grande de la pantalla. Esta categoría se reserva para información hero breve —que sea fácil y rápida de leer—, métricas significativas, mensajes que inspiran confianza o momentos expresivos de la marca. Todas estas cadenas de texto se benefician de una escala y un estilo prominentes.

Title es un texto jerárquico que se usa como mecanismo de orientación, como un título de página, de sección o de subsección (en el caso de TitleSmall).

• TitleLarge es el título más grande. Las cadenas de texto que corresponden a la categoría Title son más pequeñas que las de Display. Por lo general, se reservan para texto con un énfasis medio, que es más corto y no se recomienda para componentes interactivos, sino para encabezados o subtítulos de páginas.
• TitleMedium es el título mediano. Las cadenas de texto que corresponden a la categoría Title son más pequeñas que las de Display. Por lo general, se reservan para texto con un énfasis medio, que es más corto y no se recomienda para componentes interactivos, sino para encabezados o subtítulos de páginas.
• TitleSmall es el título más pequeño. Las cadenas de texto que corresponden a la categoría Title son más pequeñas que las de Display. Por lo general, se reservan para texto con un énfasis medio, que es más corto y no se recomienda para componentes interactivos, sino para encabezados o subtítulos de páginas.

La categoría Label se usa para el texto a nivel del componente que describe una acción que ocurriría si se interactúa con él. Label se usa más comúnmente en el texto anidado dentro de un botón.

• LabelLarge es la etiqueta más grande. Label se usa para mostrar textos destacados, como la etiqueta en los botones de título, y se aplica a los componentes interactivos.
• LabelMedium es la etiqueta mediana y la más utilizada. Label se usa para mostrar textos como la etiqueta principal en los botones y se aplica a los componentes interactivos.
• LabelSmall es la etiqueta pequeña. Label se usa para mostrar textos como la etiqueta secundaria en los botones y las etiquetas en los botones compactos, y se aplica a los componentes interactivos.

Body se reserva para el texto del contenido, como los párrafos del texto del cuerpo, el texto que se usa en la visualización de datos complejos, las marcas de tiempo y los metadatos.

• BodyLarge es el cuerpo más grande. Por lo general, los textos del cuerpo se usan para textos extensos, ya que funcionan bien con tamaños de texto pequeños. Para secciones de texto más largas, se recomienda un tipo de letra serif o sans serif.
• BodyMedium es el segundo cuerpo más grande. Por lo general, los textos del cuerpo se usan para textos extensos, ya que funcionan bien con tamaños de texto pequeños. Para secciones de texto más largas, se recomienda un tipo de letra serif o sans serif.
• BodySmall es el tercer cuerpo más grande. Por lo general, los textos del cuerpo se usan para textos extensos, ya que funcionan bien con tamaños de texto pequeños. Para secciones de texto más largas, se recomienda un tipo de letra serif o sans serif.
• BodyExtraSmall es el cuerpo más pequeño. Por lo general, los textos del cuerpo se usan para textos extensos, ya que funcionan bien con tamaños de texto pequeños. Para secciones de texto más largas, se recomienda un tipo de letra serif o sans serif.

Los estilos de texto de números se usan para los dígitos numéricos y, por lo general, se limitan a unos pocos caracteres. Pueden adoptar propiedades más expresivas en tamaños de visualización más grandes. Brindan flexibilidad para expandir el eje de ancho con mínimas preocupaciones sobre la localización y el ajuste de fuentes.

• NumeralsExtraLarge es la función más grande para los dígitos. Los números usan un espaciado tabular de forma predeterminada. Destacan y expresan números que se pueden ver de un vistazo y que se limitan a dos o tres caracteres, en los que no se requiere localización, como la pantalla de carga o el selector de hora.
• NumeralsLarge es la segunda función más grande para los dígitos. Los números usan espaciado tabular de forma predeterminada. Son cadenas de números de gran tamaño que se limitan a visualizaciones grandes de tiempo, en las que no se requiere localización, como la cuenta regresiva de un temporizador o un selector de tiempo.
• NumeralsMedium es la tercera función más grande para los dígitos. Los números usan espaciado tabular de forma predeterminada. Son números de tamaño mediano que se limitan a cadenas cortas de dígitos, en las que no se requiere localización, como un recuento de pasos o un selector de tiempo.
• NumeralsSmall es la cuarta función más grande para los dígitos. Los números usan espaciado tabular de forma predeterminada. Se usa para números que necesitan énfasis en una escala más pequeña, en la que no se requiere localización, como los selectores de fecha y hora.
• NumeralsExtraSmall es la función más pequeña para los dígitos. Los números usan un espaciado tabular de forma predeterminada. Se usa para números que deben admitir cadenas de dígitos más largas, en las que no se requiere localización, como las métricas durante el entrenamiento.

El texto del encabezado de arco se usa para el texto curvo que compone la señalización en la IU, como el texto de tiempo y las etiquetas curvas. Eje de fuente personalizado que optimiza específicamente el tipo a lo largo de una curva y para adaptarse al diferente espaciado que aparece entre los caracteres cuando se colocan en la parte superior, en comparación con la parte inferior, de una pantalla curva.

Superior

• ArcLarge se usa para los encabezados y títulos de arco. Arc es la categoría que se usa para el texto que se desplaza a lo largo de una línea curva en la pantalla, reservado para cadenas de texto de encabezado cortas en la parte superior o inferior de la pantalla, como superposiciones de confirmación.
• ArcMedium se usa para los encabezados y títulos de arco. Arc se usa para el texto que se desplaza a lo largo de una línea curva en la pantalla y se reserva para cadenas de texto de encabezado cortas en la parte superior o inferior de la pantalla, como los títulos de las páginas.
• ArcSmall se usa para cadenas de texto de arco limitado. Arc se usa para el texto que se desplaza a lo largo de una línea curva en la pantalla y se reserva para cadenas de texto curvas cortas en la parte superior de la pantalla, como el texto de la hora.

Inferior

• ArcLarge se usa para los encabezados y títulos de arco. Arc es la categoría que se usa para el texto que se desplaza a lo largo de una línea curva en la pantalla, reservado para cadenas de texto de encabezado cortas en la parte superior o inferior de la pantalla, como superposiciones de confirmación.
• ArcMedium se usa para los encabezados y títulos de arco. Arc se usa para el texto que se desplaza a lo largo de una línea curva en la pantalla y se reserva para cadenas de texto de encabezado cortas en la parte superior o inferior de la pantalla, como los títulos de las páginas.
• ArcSmall se usa para cadenas de texto de arco limitado. Arc se usa para el texto que se desplaza a lo largo de una línea curva en la pantalla y se reserva para cadenas de texto curvas cortas en la parte inferior de la pantalla, como un llamado a la acción.