Aplicar tipografia

O display é usado para strings de texto grandes e curtas que mostram informações de destaque altamente visíveis, métricas significativas, confiança ou momentos expressivos da marca.

• DisplayLarge é o maior título. Os títulos são o maior texto na tela, reservados para informações principais curtas e fáceis de ler, métricas significativas, confiança ou momentos expressivos da marca que se beneficiam de uma escala e um estilo proeminentes.
• DisplayMedium é o segundo maior título. Os displays são o maior texto na tela, reservados para informações principais curtas e fáceis de ler, métricas significativas, confiança ou momentos expressivos da marca que se beneficiam de uma escala e um estilo proeminentes.
• DisplaySmall é o menor título. Os títulos são o maior texto na tela, reservados para informações principais curtas e fáceis de ler, métricas significativas, confiança ou momentos expressivos da marca que se beneficiam de uma escala e um estilo proeminentes.

O título é um texto hierárquico usado como mecanismo de orientação, como uma página, um título de seção ou um título de subseção (no caso de TitleSmall).

• TitleLarge é o maior título. Os títulos são menores que as telas. Normalmente, elas são reservadas para textos de ênfase média e mais curtos, não sendo recomendadas para componentes interativos, mas sim para títulos ou subtítulos de página.
• TitleMedium é o título médio. Os títulos são menores que as telas. Normalmente, elas são reservadas para textos de ênfase média e mais curtos, não sendo recomendadas para componentes interativos, mas sim para títulos ou subtítulos de página.
• TitleSmall é o menor título. Os títulos são menores que as telas. Normalmente, elas são reservadas para textos de ênfase média e mais curtos, não sendo recomendadas para componentes interativos, mas sim para títulos ou subtítulos de página.

O rótulo é usado para texto no nível do componente que descreve uma ação que aconteceria se houvesse interação. O uso mais comum e difundido de rótulo é para texto aninhado em um botão.

• LabelLarge é o maior rótulo. Os rótulos são usados para mostrar textos em destaque, como o rótulo em botões de título, aplicados a componentes interativos.
• LabelMedium é o rótulo médio e o mais usado. Os rótulos são usados para mostrar textos como o rótulo principal em botões, aplicados a componentes interativos.
• LabelSmall é o rótulo pequeno. Os rótulos são usados para mostrar textos como rótulo secundário em botões, rótulos em botões compactos, aplicados a componentes interativos.

O corpo é reservado para texto de conteúdo, como parágrafos de texto do corpo, texto usado em visualização de dados complexa, carimbos de data/hora e metadados.

• BodyLarge é o corpo maior. Os textos de corpo são normalmente usados para textos longos porque funcionam bem para textos com fonte pequena. Para seções mais longas de texto, é recomendável usar uma fonte tipográfica Serif ou Sans Serif.
• BodyMedium é o segundo maior corpo. Os textos de corpo são normalmente usados para textos longos porque funcionam bem para textos com fonte pequena. Para seções mais longas de texto, é recomendável usar uma fonte tipográfica Serif ou Sans Serif.
• BodySmall é o terceiro maior corpo. Os textos de corpo são normalmente usados para textos longos porque funcionam bem para textos com fonte pequena. Para seções mais longas de texto, é recomendável usar uma fonte tipográfica Serif ou Sans Serif.
• BodyExtraSmall é o menor corpo. Os textos de corpo são normalmente usados para textos longos porque funcionam bem para textos com fonte pequena. Para seções mais longas de texto, é recomendável usar uma fonte tipográfica Serif ou Sans Serif.

Os estilos de texto numérico são usados para dígitos numéricos, geralmente limitados a alguns caracteres. Pode assumir propriedades mais expressivas em tamanhos de tela maiores. Oferece flexibilidade para expandir o eixo de largura com preocupações mínimas de localização e escalonamento de fontes.

• NumeralsExtraLarge é a função maior para dígitos. Os números usam espaçamento tabular por padrão. Eles destacam e expressam números rápidos que são limitados a apenas dois ou três caracteres, sem necessidade de localização, como a tela de carregamento ou o seletor de hora.
• NumeralsLarge é a segunda maior função para dígitos. Os números usam espaçamento tabular por padrão. São strings de números grandes que são limitadas a grandes displays de tempo, em que nenhuma localização é necessária, como uma contagem regressiva do timer ou um seletor de tempo.
• NumeralsMedium é a terceira maior função para dígitos. Os números usam espaçamento tabular por padrão. São números de tamanho médio limitados a pequenas strings de dígitos, em que nenhuma localização é necessária, como uma contagem de etapas ou um seletor de tempo.
• NumeralsSmall é a quarta maior função para dígitos. Os números usam espaçamento tabular por padrão. São para números que precisam de ênfase em uma escala menor, em que nenhuma localização é necessária, como seletores de data e hora.
• NumeralsExtraSmall é a função menor para dígitos. Os números usam espaçamento tabular por padrão. Eles são para números que precisam acomodar strings mais longas de dígitos, em que nenhuma localização é necessária, como métricas durante o treino.

O texto do cabeçalho do arco é usado para texto curvo que compõe a sinalização na interface, como texto de tempo e rótulos curvos. Eixo de fonte personalizado que otimiza especificamente o tipo ao longo de uma curva e para acomodar o espaçamento diferente que aparece entre os caracteres quando eles são posicionados na parte superior, em comparação com a parte inferior de uma tela curva.

Topo

• O ArcLarge é para cabeçalhos e títulos de arcos. O arco é para texto ao longo de um caminho curvo na tela, reservado para strings de texto de cabeçalho curtas na parte superior ou inferior da tela, como sobreposições de confirmação.
• ArcMedium é para cabeçalhos e títulos de arco. O arco é para texto ao longo de um caminho curvo na tela, reservado para strings de texto de cabeçalho curtas na parte superior ou inferior da tela, como títulos de página.
• O ArcSmall é para strings de texto de arco limitadas. O arco é para texto ao longo de um caminho curvo na tela, reservado para strings de texto curtas e curvas na parte de cima da tela, como a marcação de hora.

Parte de baixo

• O ArcLarge é para cabeçalhos e títulos de arcos. O arco é para texto ao longo de um caminho curvo na tela, reservado para strings de texto de cabeçalho curtas na parte superior ou inferior da tela, como sobreposições de confirmação.
• ArcMedium é para cabeçalhos e títulos de arco. O arco é para texto ao longo de um caminho curvo na tela, reservado para strings de texto de cabeçalho curtas na parte superior ou inferior da tela, como títulos de página.
• O ArcSmall é para strings de texto de arco limitadas. O arco é para texto ao longo de um caminho curvo na tela, reservado para strings de texto curtas e curvas na parte de baixo da tela, como uma call-to-action.