Compartir a través de


Tipografía

Segoe es el tipo de letra estándar de Office. Úselo en el complemento para adaptarse a los paneles de tareas, los cuadros de diálogo y los objetos de contenido de Office. Fabric Core le proporciona acceso a Segoe. Proporciona toda una rampa de tipos de Segoe con muchas variaciones (desde el grosor al tamaño de la fuente) en clases CSS útiles. No todos los tamaños y pesos de Fabric Core tendrán un aspecto excelente en un complemento de Office. Para ajustarse armoniosamente o evitar conflictos, considere la posibilidad de usar un subconjunto de la rampa de tipo Fabric Core. En la tabla siguiente se enumeran las clases base de Fabric Core que se recomiendan para su uso en complementos de Office.

Nota:

El color del texto no se incluye en estas clases base. Use la "principal neutra" de Fabric Core para la mayoría del texto en fondos blancos.

Para más información sobre la tipografía disponible, consulte Tipografía web.

Tipo Clase Tamaño Grosor Uso recomendado
Elemento principal .ms-font-xxl 28 px Segoe Light
  • Esta clase es mayor que todos los demás elementos tipográficos de Office. Úsela con moderación para no perder jerarquía visual.
  • Procure no usarla en cadenas largas con espacios restringidos.
  • Si usa esta clase, proporcione un espacio en blanco amplio alrededor del texto.
  • Se usa normalmente para mensajes de primera ejecución, elementos principales u otras llamadas a la acción.
Título .ms-font-xl 21 px Segoe Light
  • Esta clase coincide con el título del panel de tareas de las aplicaciones de Office.
  • Úsela con moderación para evitar una jerarquía tipográfica plana.
  • Se suele usar como elemento de nivel superior (títulos de contenido, de páginas o de cuadros de diálogo).
Subtítulo .ms-font-l 17 px Segoe Semilight
  • Esta clase es la primera que se sitúa debajo de los títulos.
  • Se suele usar como subtítulo, elemento de navegación o encabezado de grupo.
    Cuerpo .ms-font-m 14 px Segoe Regular
    • Se suele usar como texto de cuerpo dentro de los complementos.
      Caption .ms-font-xs 11 px Segoe Regular
      • Se suele usar en el texto secundario o terciario (marcas de tiempo, líneas, leyendas o etiquetas de campo).
        Annotation .ms-font-mi 10 px Segoe Semibold
        • El paso más pequeño de la rampa de tipos debe usarse en contadas ocasiones. Está disponible para circunstancias en las que no se requiere legibilidad.