Partilhar via

Tipografia

  • Artigo

Segoe é o tipo de fonte padrão para o Office. Use-a no suplemento para alinhar objetos de conteúdo, caixas de diálogo e painéis de tarefas do Office. O Fabric Core oferece acesso ao Segoe. Ele fornece um conjunto completo da fonte Segoe com muitas variações (incluindo espessura e tamanho da fonte) em classes CSS convenientes. Nem todos os tamanhos e pesos do Fabric Core ficarão ótimos em um Suplemento do Office. Para se ajustar harmoniosamente ou evitar conflitos, considere usar um subconjunto da rampa do tipo Fabric Core. A tabela a seguir lista as classes base do Fabric Core que recomendamos para uso em Suplementos do Office.

Observação

A cor do texto não está incluída nessas classes base. Use a "primária neutra" do Fabric Core para a maioria dos textos em planos de fundo em branco.

Para saber mais sobre a tipografia disponível, consulte Tipografia da Web.

Tipo Classe Tamanho Peso Uso recomendado
Destaque .ms-font-xxl 28 px Segoe Light
  • Essa classe é maior do que todos os outros elementos tipográficos no Office. Use-a com moderação para não prejudicar o ajuste na hierarquia visual.
  • Evite o uso de cadeias de caracteres longas em espaços restritos.
  • Deixe bastante espaço em branco ao redor do texto ao usar esta classe.
  • Comumente usado para mensagens de primeira execução, elementos de herói ou outras chamadas para a ação.
Título .ms-font-xl 21 px Segoe Light
  • Essa classe corresponde ao título do painel de tarefas dos aplicativos do Office.
  • Use-a com moderação para evitar uma hierarquia tipográfica monótona.
  • Comumente usado como o elemento de nível superior, como títulos de conteúdo, página ou caixa de diálogo.
Subtítulo .ms-font-l 17 px Segoe Semilight
  • Essa classe é a primeira abaixo de títulos.
  • Comumente usada como um subtítulo, um elemento de navegação ou um cabeçalho de grupo.
    Corpo .ms-font-m 14 px Segoe Regular
    • Muito usada como corpo de texto dentro de suplementos.
      Legenda .ms-font-xs 11 px Segoe Regular
      • Muito usada em texto secundário ou terciário, como carimbos de data/hora, linhas, títulos ou rótulos de campo.
        Annotation .ms-font-mi 10 px Segoe Semibold
        • A menor etapa no painel de tipos deve ser usada raramente. Ele está disponível para circunstâncias em que a legibilidade não é necessária.