Compartilhar via


Tipografia para a sua aplicação Microsoft Teams

Este artigo fornece como incorporar tipografia padrão do Teams na estrutura da sua aplicação.

Tipo de fonte

O exemplo mostra o tipo de letra da aplicação Web e de ambiente de trabalho.

Aplicação Web e de ambiente de trabalho

O Teams utiliza a IU do Segoe para o seu tipo de rampa para otimizar a hierarquia e a legibilidade.

Exemplo a mostrar o tipo de letra da aplicação android.

Android

A aplicação Teams para Android utiliza o tipo de letra Roboto. Para obter mais informações, veja Diretrizes e exemplos do Android (Fluent UI).

Exemplo a mostrar o tipo de letra da aplicação iOS.

iOS

A aplicação Teams para iOS utiliza o tipo de letra SF Pro. Para obter mais informações, veja Diretrizes e exemplos do iOS (Fluent UI).

Dimensionamento de tipos

O Teams utiliza sete estilos que vão desde títulos de nível 1 a legendas.

O exemplo mostra sete estilos para utilização do Teams.

Espessura do tipo de letra

As espessuras dos tipos de letra destinam-se a identificar elementos específicos e a transmitir estados. Não utilize negrito para criar hierarquia no seu texto. Em vez disso, utilize um tom diferente de cinzento e o peso SemiBold.

Exemplo a mostrar a espessura do tipo de letra para a utilização do Teams.

Uso

A utilização de tamanhos e pesos de tipos de letra diferentes ajuda a criar hierarquia e a garantir a legibilidade. No entanto, não dependa apenas do tamanho e do peso. Sempre que possível, crie a hierarquia com as cores de texto primária, secundária e terciária listadas aqui.

O exemplo mostra a utilização de tipos de letra e peso diferentes na aplicação Teams.