Tipografia para seu aplicativo microsoft teams

Este artigo fornece como incorporar a tipografia padrão do Teams no design do aplicativo.

Tipo de fonte

O exemplo mostra a fonte do aplicativo Web e da área de trabalho.

Aplicativo Web e desktop

O Teams usa a interface do usuário do Segoe para a rampa de tipo para otimizar a hierarquia e a legibilidade.

O exemplo mostra a fonte do aplicativo android.

Android

O aplicativo Android do Teams usa a tipografia Roboto. Para obter mais informações, confira Diretrizes e exemplos do Android (interface do usuário fluente).

O exemplo mostra a fonte do aplicativo iOS.

iOS

O aplicativo iOS do Teams usa a tipografia do SF Pro. Para obter mais informações, confira diretrizes e exemplos do iOS (interface do usuário fluente).

Dimensionamento de tipos

O Teams usa sete estilos que variam de títulos de nível um a legendas.

O exemplo mostra sete estilos para uso do Teams.

Peso da fonte

Os pesos de fonte são para identificar elementos específicos e estados de transmissão. Não use negrito para criar hierarquia em seu texto. Em vez disso, use um tom diferente de cinza e o peso SemiBold.

O exemplo mostra o peso da fonte para uso do Teams.

Uso

O uso de diferentes tamanhos e pesos de fonte ajuda a criar hierarquia e garantir a legibilidade. No entanto, não dependa apenas do tamanho e do peso. Quando possível, crie sua hierarquia com as cores de texto primária, secundária e terciária listadas aqui.

O exemplo mostra o uso de diferentes fontes e peso no aplicativo teams.