Fuentes
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Reemplaza todas las instancias de Roboto por Roboto Flex. Adapta una escala de tipo de referencia que esté optimizada para el reloj y el lenguaje de diseño expresivo de Material 3.
Usamos ejes variables, ancho y grosor variables para seleccionar cómo aplicamos diseño al texto de la pantalla y el título grandes para mejorar el estilo y brindar más utilidad y legibilidad para tamaños más pequeños.
Roboto Flex
Roboto Flex ofrece un conjunto de ejes variables que se adaptan a los casos de uso de tu app.
Ejes ajustables
Si bien las fuentes variables pueden tener una gran cantidad de atributos de fuente variable para la expresión, hay dos atributos estilísticos (o ejes) personalizables que son más aplicables para el diseño de productos: el grosor y el ancho.
Peso
El peso es el atributo principal que define el grosor general de los trazos de un tipo de letra en cualquier fuente determinada. Los grosores más comunes son el normal y el negrita, pero pueden abarcar extremos, desde muy ligeros hasta muy pesados. Si el tipo de letra es variable, proporciona un rango completo y continuo de grosores de trazo, lo que hace que la cantidad de grosores sea prácticamente ilimitada.
Algunas cosas para recordar
warning
Precaución
Ten cuidado de no usar un tipo de grosor demasiado ligero para el texto del cuerpo.
Las pantallas de menor resolución pueden tener problemas con la tipografía delicada, especialmente pequeña. Usa grosores más ligeros en tamaños de fuente más grandes, como el tipo de letra de pantalla.
warning
Precaución
Por el contrario, el peso excesivo en tamaños más pequeños puede afectar la legibilidad. Un tipo demasiado grueso puede ser difícil de leer.
Ancho
El ancho es la cantidad de espacio horizontal que ocupan los caracteres de un tipo de letra. Un ancho estrecho permite que se ajusten más caracteres por línea, mientras que un ancho más amplio puede ofrecer más personalidad.
Algunas cosas para recordar
check_circle
Qué debes hacer
Un ancho más delgado puede permitir que se ajusten más caracteres en tamaños pequeños, como un nombre o un número largo.
cancel
Qué no debes hacer
Dado que los estilos más anchos ocupan más espacio, evita usarlos en áreas con espacio limitado, como en el encabezado de la página de la app.
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-27 (UTC)
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2025-07-27 (UTC)"],[],[],null,["# Fonts\n\nReplace all instances of Roboto with Roboto Flex. Tailor a baseline type scale\nthat is optimized for the watch and the Material 3 Expressive design language.\n\nUsing variable axis, variable width and weight to curate how we style big\ndisplay and title text to elevate style and bring more utility and legibility\nfor smaller sizes.\n\nRoboto Flex\n-----------\n\n\nRoboto Flex offers a set of variable axis that serves your app's use cases. \n\n\u003cbr /\u003e\n\nAdjustable axes\n---------------\n\nWhile variable fonts can have a multitude of variable font attributes for\nexpression, there are two customizable stylistic attributes (or axes) that are\nmost applicable for product design: weight and width.\n\n### Weight\n\n\n[Weight](https://fonts.google.com/knowledge/choosing_type/exploring_typefaces_with_multiple_weights_or_grades) is the primary attribute that defines the overall thickness of a\ntypeface's strokes in any given font. The most common weights are regular and\nbold, but weights can cover extremes from the very light to the very heavy. If\nthe typeface is variable, it provides a full, continuous range of stroke\nthicknesses, making the number of weights effectively unlimited. \n\n\u003cbr /\u003e\n\n#### Things to remember\n\nwarning\n\n### Caution\n\nBe careful of using too light a weight type for body text.\nLower resolution displays can struggle with delicate, especially small\ntypography. Use lighter weights at larger font sizes, such as display\ntype. \nwarning\n\n### Caution\n\nConversely, excessive weight at smaller sizes may affect\nlegibility. Too thick a type may be difficult to read.\n\n### Width\n\n\n[Width](https://fonts.google.com/knowledge/glossary/width) is the result of how much horizontal space is taken up by a\ntypeface's characters. A narrow width allows more characters to fit per line\nwhile a wider width may offer more personality. \n\n\u003cbr /\u003e\n\n#### Things to remember\n\ncheck_circle\n\n### Do\n\nA thinner width can allow for more characters to fit at\nsmall sizes, such as name or a long number. \ncancel\n\n### Don't\n\nSince wider styles take up more space, avoid using them for\nareas with limited space, such as in the app page header."]]
