Tipografía
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
La tipografía ayuda a que el texto en la pantalla o en la IU sea legible y
precioso. Los tipos de letra incluyen: pantalla, título, etiqueta, cuerpo, arco y números.
Usa tokens para definir la fuente, la altura de línea, el tamaño, el seguimiento, el ancho y el grosor.
Eje de fuente variable en movimiento
Usa un eje de fuente variable para indicar comentarios de movimiento expresivo y hacer que las interacciones sean más expresivas y agradables de usar.
Casos de uso de ejemplo:
- Grosor de fuente dinámico
- Ancho de fuente dinámico
- Grosor y ancho de fuente dinámicos
Tokens
Los tokens asignan el estilo de tipo de un elemento a través de un valor configurable, en lugar de un valor establecido, lo que facilita mucho la administración de estilos y temas.
Roles de tipo
Junto con una escala de tipos actualizada y optimizada, también presentamos nuevos roles de tipo que publican patrones notables específicamente en Wear.
- Aprovecha más casos de uso con el texto de Arc, como títulos de páginas de altura fija o descriptores con espacio limitado, como superposiciones de confirmación.
- Un rol de tipo específico para los números para que podamos usar tamaños de texto más grandes y con más estilo para las cadenas que no necesitan localizarse o beneficiarse del espaciado mono o tabular cuando se animan, como los selectores.
Recurso: Biblioteca de Google Fonts
Busca entre una gran variedad de fuentes. Una vez que busques y selecciones la fuente que desees, aparecerán opciones en el panel derecho para cambiar el tamaño, cambiar el color y copiar la fuente personalizada en el portapapeles.
El contenido y las muestras de código que aparecen en esta página están sujetas a las licencias que se describen en la Licencia de Contenido. Java y OpenJDK son marcas registradas de Oracle o sus afiliados.
Última actualización: 2025-07-26 (UTC)
[null,null,["Última actualización: 2025-07-26 (UTC)"],[],[],null,["# Typography helps make text on the screen or text on the UI legible and\nbeautiful. Type styles include: display, title, label, body, arc, and numerals.\nUse tokens to define font, line height, size, tracking, width and weight. \n\n\u003cbr /\u003e\n\nVariable font axis in motion\n----------------------------\n\n\nUse a variable font axis to signal expressive motion feedback and making\ninteractions more expressive and delightful to use.\n\nExample use-cases:\n\n- Dynamic font weight\n- Dynamic font width\n- Dynamic font weight and width \n\n\u003cbr /\u003e\n\nTokens\n------\n\n\nTokens assign an element's type style by a configurable value, rather than a set\nvalue, making managing styles and themes considerably easier. \n\n\u003cbr /\u003e\n\nType roles\n----------\n\n\nAlong with an updated and optimized type scale, we are also introducing new type\nroles that specifically serve notable patterns on Wear.\n\n- Leaning into more use-cases with Arc Text like fixed height page titles or descriptors with limited space, such as confirmation overlays.\n- A type role specifically for Numerals so we can lean into bigger and more styled text sizes for strings that don't need to be localized or benefit from mono or tabular spacing when animated, such as pickers. \n\n\u003cbr /\u003e\n\nResource: Google Fonts library\n------------------------------\n\n\nSearch through a [wide variety of fonts](http://fonts.google.com/icons). Once you search for and select the\nfont you want, options will appear in the right-hand panel to resize, recolor,\nand copy the customized font to clipboard. \n\n\u003cbr /\u003e"]]
