Compartir a través de


Paquetes de fuentes

Un paquete de fuentes es una colección de fuentes empaquetadas juntas. Los paquetes de fuentes se usan en SharePoint y Viva Connections para controlar el aspecto de las fuentes en diferentes áreas dentro de cada producto.

La tipografía proporciona el marco visual para presentar texto. Es una parte importante de expresar una marca o crear un diseño hermoso. A menudo verá varios términos mezclados o utilizados indistintamente al hacer referencia a la tipografía, como tipo de letra y fuentes Un tipo de letra es toda la familia de fuentes, mientras que una fuente es un estilo de fuente individual. A menudo usamos estos términos indistintamente. Nos referimos a fuentes para cubrir ambos escenarios para el centro de marca de SharePoint.

Nota:

Limitaciones conocidas:

  • Las fuentes personalizadas se establecen en el sitio o Viva Connections nivel de experiencia.
  • Un paquete de fuentes aplicado al sitio principal que respalda la experiencia de escritorio de Viva Connections también se aplica a la experiencia de escritorio de Viva Connections.
  • Un paquete de fuentes aplicado a la experiencia de escritorio Viva Connections también se aplica al sitio principal de SharePoint asociado o asociado.
  • Los paquetes de fuentes no se pueden eliminar de la aplicación del centro de marca, se pueden editar o hacer que no sean visibles para quitarlos de las experiencias de selección.

Tiene la opción de seleccionar entre los paquetes de fuentes estándar o un paquete de fuentes personalizado para que su organización modifique las fuentes del sitio de SharePoint o Viva Connections experiencia. Los paquetes de fuentes que Microsoft ofrece se crean para basarse en la marca Microsoft, a la vez que permiten la versatilidad para fortalecer nuestras asociaciones sin sobrecargarlas. Muestran nuestros objetivos y personalidad compartidos, y representan nuestra diversidad y capacidad para optimizar sus experiencias.

Paquetes de fuentes predeterminados

  • Microsoft default: Segoe UI

  • Amasis Pro

  • Aptos-Aptos Serif

  • Georgia Pro Condensed-Verdana Pro Condensed

  • Office: Aptos Display-Aptos

  • Sitka Heading-Sitka Text

  • Verdana Pro-Georgia Pro

  • Walbaum-Trade gothic next

Estos paquetes de fuentes se han diseñado para mejorar la legibilidad, por lo que es posible que los encuentre puntos de partida útiles para crear paquetes de fuentes personalizados.

Anatomía de un paquete de fuentes

Cada paquete de fuentes se compone de dos familias de fuentes. Consideramos que son nuestras fuentes para mostrar y contenido.

Mostrar fuente

La fuente para mostrar es un tipo de letra más decorativo o excéntrico que se usa para elementos de texto más grandes y prominentes. Una fuente de visualización se usa a menudo para expresar la sensación de una marca. A menudo se trata de tipos de letra losa serif, script, decorativo y en mayúsculas.

Fuente de contenido

La fuente de contenido se usa más ampliamente para garantizar la coherencia y la legibilidad en todos los tamaños. Se debe identificar una fuente de contenido y, idealmente, tener una gama de pesos y estilos que se ajusten a una amplia gama de escenarios. Esta fuente debe considerarse como la línea base para la mayor parte de su contenido y debe ser la fuente más legible de su marca.

Asignaciones de ranuras de fuente

Los paquetes de fuentes usan cuatro ranuras de fuente que corresponden a diferentes partes de la experiencia. Para cada parte, se elige una fuente y un estilo de fuente que cambiarán las fuentes de los distintos componentes en función de estos estilos de fuente elegidos. Entre las que se incluyen:

Title

La fuente de título se usa para identificar los elementos más distintos para su experiencia. Considere la posibilidad de usar la fuente para mostrar.

Titular

La fuente de título se usa para una variedad de títulos y títulos en la experiencia. Considere la fuente de contenido en negrita o semibold.

Cuerpo

La fuente del cuerpo se usa de maneras más versátiles y debe ser fácil de leer. Considere la fuente de contenido con un estilo normal o normal.

Interactive

La fuente interactiva se usa para los elementos que desencadenan la acción, como botones. Considere la posibilidad de usar la fuente de contenido con un estilo en negrita o semibold.

Creación de sus propios paquetes de fuentes

En el Centro de marca de SharePoint, un administrador de marca puede crear paquetes de fuentes personalizados para su organización. Estos paquetes de fuentes están disponibles en la experiencia Cambiar la apariencia para que los propietarios del sitio y los operadores de Viva Connections se apliquen a sus sitios y experiencias.

Nota:

Para crear un paquete de fuentes personalizado, debe cargar las fuentes de la organización en la biblioteca de fuentes de marca.

Visite las experiencias de personalización de marca de SharePoint o Viva Connections y seleccione Nuevo paquete de fuentes.

Paso 1: Seleccione fuentes de visualización y contenido con las familias de fuentes visibles en la biblioteca de fuentes de marca. Puede seleccionar hasta dos familias de fuentes diferentes; si lo desea, puede seleccionar la misma familia de fuentes para las fuentes de visualización y de contenido.

Paso 2: Seleccione la familia de fuentes y el estilo de fuente para cada una de las cuatro asignaciones de ranuras de fuente.

Paso 3: Asigne un nombre al paquete de fuentes y una vista previa en diferentes experiencias. Determine la configuración Visible del paquete de fuentes.

Captura de pantalla del paso 3 de creación de un nuevo paquete de fuentes.

Prestar atención a la accesibilidad

Una fuente accesible no excluye ni ralentiza la velocidad de lectura de cualquier persona que lea el texto en su sitio, incluidas las personas con baja visión o la discapacidad de lectura. La fuente derecha mejora la legibilidad y legibilidad del texto de una página.

Para reducir la carga de lectura, seleccione fuentes conocidas como Segoe UI o Aptos. Evite usar todas las letras mayúsculas y cursivas o subrayados excesivos.

Una persona con una discapacidad visual podría perderse el significado que transmiten determinados colores. Por ejemplo, agregue un subrayado al texto de hipervínculo codificado por colores para que las personas ciegas en colores sepan que el texto está vinculado aunque no puedan ver el color. En el caso de los encabezados, considere la posibilidad de agregar negrita o usar una fuente más grande.

El texto del sitio debe ser legible en un modo de contraste alto. Por ejemplo, use colores brillantes o combinaciones de colores de contraste alto en extremos opuestos del espectro de colores. Los esquemas blanco y negro facilitan a las personas ciegas a color distinguir texto y formas.

Para obtener instrucciones sobre cómo trabajar con fuentes y texto, vaya a Agregar contenido accesible y vínculos a un sitio de SharePoint Online y Agregar texto a un espacio de SharePoint.

Uso de un paquete de fuentes para cambiar las fuentes de la experiencia

Con la introducción de la aplicación del centro de marca, las fuentes personalizadas están disponibles para que los propietarios del sitio las usen desde el panel Cambiar la apariencia para personalizar la apariencia de su contenido. Una vez que haya creado un paquete de fuentes para su organización, la sección "Desde mi organización" de la lista desplegable Paquetes de fuentes al panel Cambiar la fuente de aspecto>.

Captura de pantalla del cambio de la fuente desde el panel de fuentes.

Obtenga más información sobre Cambiar la apariencia.

Paquetes de fuentes en SharePoint

Componentes de fuentes personalizadas compatibles en SharePoint

Actualmente, las fuentes personalizadas se admiten en las siguientes áreas:

  1. Encabezado del sitio: título del sitio

  2. Encabezado del centro: título del centro

  3. Navegación (centro y sitio): vínculos y etiquetas

  4. Elemento web Noticias

  5. Región de título de página

  6. Elemento web vínculos rápidos

  7. Botón

  8. Panel para Viva Connections

  9. Elemento web Imagen

  10. Encabezado del sitio: finalizar

  11. Encabezado de la sección

  12. Elemento web de Imagen prominente

  13. Elemento web Sitios

  14. Elemento web Personas

  15. Elemento web de llamada a la acción

  16. Elemento web de texto (RTE)

  17. Todos los títulos de elementos web (de Microsoft)

Paquetes de fuentes en Viva Connections

Componentes de fuentes personalizadas compatibles en Viva Connections

Actualmente, las fuentes personalizadas se admiten en las siguientes áreas:

  1. Texto de bienvenida o saludo

  2. Encabezados de sección

  3. Tarjetas de panel nivel 1

  4. Recursos