Substitua todas as instâncias de Roboto por Roboto Flex. Personalize uma escala de tipo de base otimizada para o relógio e a linguagem de design Expressiva do Material 3.
Usamos eixos variáveis, largura e peso variáveis para definir o estilo de telas grandes e textos de título para melhorar o estilo e trazer mais utilidade e legibilidade para tamanhos menores.
Roboto Flex
O Roboto Flex oferece um conjunto de eixos variáveis que atendem aos casos de uso do seu app.
Eixos ajustáveis
Embora as fontes variáveis possam ter vários atributos para expressão, há dois atributos estilísticos personalizáveis (ou eixos) que são mais aplicáveis ao design de produtos: peso e largura.
Peso
Peso é o atributo principal que define a espessura geral dos traços de uma fonte em qualquer tipo de letra. Os pesos mais comuns são regular e negrito, mas os pesos podem cobrir extremos, de muito leves a muito pesados. Se o tipo de letra for variável, ele vai fornecer uma faixa completa e contínua de espessuras de traço, tornando o número de pesos efetivamente ilimitado.
Lembretes importantes
Cuidado
Cuidado ao usar um tipo de peso muito leve para o corpo do texto. Telas de resolução mais baixa podem ter problemas com tipografias delicadas, especialmente as pequenas. Use pesos mais leves em tamanhos de fonte maiores, como o tipo de exibição.
Cuidado
Por outro lado, o peso excessivo em tamanhos menores pode afetar a legibilidade. Um tipo muito grosso pode ser difícil de ler.
Largura
A largura é o resultado de quanto espaço horizontal é ocupado pelos caracteres de uma família tipográfica. Uma largura estreita permite que mais caracteres caibam por linha, enquanto uma largura maior pode oferecer mais personalidade.
Lembretes importantes
O que fazer
Uma largura menor pode permitir que mais caracteres caibam em tamanhos pequenos, como nome ou um número longo.
O que não fazer
Como estilos mais largos ocupam mais espaço, evite usá-los em áreas com espaço limitado, como no cabeçalho da página do app.