Tipografia
Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
A tipografia ajuda a tornar o texto na tela ou na interface legível e
bonito. Os estilos de tipo incluem: exibição, título, rótulo, corpo, arco e números.
Use tokens para definir a fonte, a altura da linha, o tamanho, o tracking, a largura e o peso.
Eixo de fonte variável em movimento
Use uma eixo de fonte variável para sinalizar feedback de movimento expressivo e tornar
as interações mais expressivas e agradáveis de usar.
Exemplos de casos de uso:
- Espessura dinâmica da fonte
- Largura dinâmica da fonte
- Espessura e largura dinâmicas da fonte
Tokens
Os tokens atribuem o estilo de tipo de um elemento por um valor configurável, em vez de um valor
definido, facilitando bastante o gerenciamento de estilos e temas.
Tipos de papéis
Além de uma escala de tipos atualizada e otimizada, também apresentamos novos papéis
de tipo que servem especificamente padrões importantes no Wear.
- Use mais casos de uso com o texto em arco, como títulos de página de altura fixa ou
descrições com espaço limitado, como sobreposições de confirmação.
- Uma função de tipo específica para algarismos, para que possamos usar tamanhos de texto maiores e mais
estilizados para strings que não precisam ser localizadas ou se beneficiar
de espaçamento mono ou tabular quando animadas, como seletores.
Recurso: biblioteca do Google Fonts
Pesquise em uma ampla variedade de fontes. Depois de pesquisar e selecionar a
fonte desejada, opções vão aparecer no painel direito para redimensionar, recolorir
e copiar a fonte personalizada para a área de transferência.
O conteúdo e os exemplos de código nesta página estão sujeitos às licenças descritas na Licença de conteúdo. Java e OpenJDK são marcas registradas da Oracle e/ou suas afiliadas.
Última atualização 2025-07-26 UTC.
[null,null,["Última atualização 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"]]
