Partager via


Packages de polices

Un package de polices est une collection de polices empaquetées ensemble. Les packages de polices sont utilisés dans SharePoint et Viva Connections pour contrôler l’apparence des polices dans différentes zones au sein de chaque produit.

La typographie fournit l’infrastructure visuelle pour la présentation du texte. C’est une partie importante de l’expression d’une marque ou de la création d’un beau design. Vous verrez souvent plusieurs termes mélangés ou utilisés indifféremment quand vous faites référence à la typographie, comme les polices et les polices Une police est l’ensemble de la famille de polices tandis qu’une police est un style de police individuel. Nous utilisons souvent ces termes indifféremment. Nous faisons référence aux polices pour couvrir les deux scénarios pour le Centre de marque SharePoint.

Remarque

Limitations connues

  • Les polices personnalisées sont définies au niveau du site ou de l’expérience Viva Connections.
  • Un package de polices appliqué au site d’accueil qui sauvegarde l’expérience de bureau Viva Connections s’applique également à l’expérience de bureau Viva Connections.
  • Un package de polices appliqué à l’expérience de bureau Viva Connections s’applique également au site d’accueil SharePoint attaché/associé.
  • Les packages de polices ne seront pas poussés vers les sites associés au hub.
  • Les packages de polices ne peuvent pas être supprimés de l’application brand center, ils peuvent être modifiés ou rendus non visibles pour être supprimés des expériences de sélection.

Vous avez la possibilité de sélectionner parmi les packages de polices standard ou un package de polices personnalisé pour votre organization de modifier les polices de votre site SharePoint ou de Viva Connections expérience. Les packages de polices proposés par Microsoft sont créés pour s’appuyer sur la marque Microsoft, tout en permettant une polyvalence pour revigorer nos partenariats sans les dominer. Ils montrent nos objectifs communs et notre personnalité, et ils représentent notre diversité et notre capacité à optimiser vos expériences.

Packages de polices par défaut

  • Microsoft par défaut : Segoe UI

  • Amasis Pro

  • Aptos-Aptos Serif

  • Georgia Pro Condensed-Verdana Pro Condensed

  • Bureau : Aptos Display-Aptos

  • Texte Heading-Sitka Sitka

  • Verdana Pro-Georgia Pro

  • Walbaum-Trade Gothique suivant

Ces packages de polices ont été conçus pour la lisibilité. Vous pouvez donc trouver des points de départ utiles pour créer des packages de polices personnalisés.

Anatomie d’un package de polices

Chaque package de polices est composé de deux familles de polices. Nous considérons qu’il s’agit de nos polices d’affichage et de contenu.

Police d’affichage

La police d’affichage est une police plus décorative ou excentrique qui est utilisée pour les éléments de texte plus volumineux et plus importants. Une police d’affichage est souvent utilisée pour exprimer la sensation d’une marque. Il s’agit souvent de slab serifs, script, décoratif, majuscules uniquement.

Police de contenu

La police de contenu est utilisée plus largement pour garantir la cohérence et la lisibilité à toutes les tailles. Une police de contenu doit être identifiée et, dans l’idéal, avoir une gamme de poids et de styles pour s’adapter à un large éventail de scénarios. Cette police doit être considérée comme la base de référence de la plupart de votre contenu et doit être la police la plus lisible de votre marque.

Mappages d’emplacements de police

Les packages de police utilisent quatre emplacements de police qui correspondent à différentes parties de l’expérience. Pour chaque partie, vous choisissez une police et un style de police qui modifient les polices de différents composants en fonction de ces styles de police choisis. Cela comprend :

Titre

La police de titre est utilisée pour identifier les éléments les plus distincts pour votre expérience. Envisagez d’utiliser votre police d’affichage.

Titre

La police de titre est utilisée pour une variété d’en-têtes et de titres dans l’expérience. Considérez votre police de contenu dans un style gras ou semi-pointé.

Corps

La police du corps est utilisée de manière plus polyvalente et doit être facile à lire. Considérez votre police de contenu dans un style normal ou normal.

Interactives

La police interactive est utilisée pour les éléments qui déclenchent une action, comme les boutons. Envisagez d’utiliser votre police de contenu avec un style gras ou semi-pointé.

Créer vos propres packages de polices

Dans le Centre de marque SharePoint, un responsable de marque est en mesure de créer des packages de polices personnalisés pour vos organization. Ces packages de polices sont disponibles dans l’expérience Modifier l’apparence pour les propriétaires de site et les opérateurs Viva Connections à appliquer à leurs sites et expériences.

Remarque

Pour créer un package de polices personnalisé, vous devez charger les polices de votre organization dans la bibliothèque de polices de marque.

Visitez les expériences de personnalisation SharePoint ou Viva Connections et sélectionnez Nouveau package de police

Étape 1 : Sélectionnez les polices d’affichage et de contenu à l’aide des familles de polices visibles dans votre bibliothèque de polices de marque. Vous pouvez sélectionner jusqu’à deux familles de polices différentes, vous pouvez sélectionner la même famille de polices pour les polices d’affichage et de contenu si vous le souhaitez.

Étape 2 : Sélectionnez votre famille de polices et votre style de police pour chacun des quatre mappages d’emplacements de police.

Étape 3 : Nommez votre package de police et affichez un aperçu dans différentes expériences. Déterminez le paramètre Visible pour votre package de polices.

Capture d’écran de l’étape 3 de création d’un package de polices.

Prêter attention à l’accessibilité

Une police accessible n’exclut pas ou ne ralentit pas la vitesse de lecture de toute personne lisant le texte sur votre site, y compris les personnes malvoyantes ou malvoyantes. La police appropriée améliore la lisibilité et la lisibilité du texte sur une page.

Pour réduire la charge de lecture, sélectionnez des polices familières telles que Segoe UI ou Aptos. Évitez d’utiliser toutes les majuscules et les italiques ou soulignements excessifs.

Une personne atteinte d’une déficience visuelle peut passer à côté de la signification transmise par des couleurs particulières. Par exemple, ajoutez un soulignement au texte de lien hypertexte codé en couleur afin que les personnes daltoniennes sachent que le texte est lié même si elles ne peuvent pas voir la couleur. Pour les titres, envisagez d’ajouter en gras ou d’utiliser une police plus grande.

Le texte de votre site doit être lisible en mode de contraste élevé. Par exemple, utilisez des couleurs vives ou des jeux de couleurs à contraste élevé aux extrémités opposées du spectre de couleurs. Les schémas blancs et noirs permettent aux personnes daltoniennes de distinguer plus facilement le texte et les formes.

Pour obtenir des instructions sur l’utilisation des polices et du texte, consultez Ajouter du contenu accessible et des liens vers un site SharePoint Online et Ajouter du texte à un espace SharePoint.

Utiliser un package de polices pour modifier les polices dans votre expérience

Avec l’introduction de l’application Brand Center, les polices personnalisées deviennent disponibles pour les propriétaires de site à utiliser à partir du panneau Modifier l’apparence pour personnaliser l’apparence de leur contenu. Une fois que vous avez créé un package de police pour votre organization la section « À partir de mon organization » de la liste déroulante Packages de polices dans le panneau Modifier la police d’apparence>.

Capture d’écran de la modification de la police à partir du panneau police.

En savoir plus sur Modifier l’apparence.

Packages de polices dans SharePoint

Composants de polices personnalisées pris en charge dans SharePoint

Les polices personnalisées sont actuellement prises en charge dans les domaines suivants :

  1. En-tête du site - titre du site

  2. En-tête du hub : titre du hub

  3. Navigation (hub et site) : liens et étiquettes

  4. Composant WebPart News

  5. Région de titre de page

  6. Composant WebPart Liens rapides

  7. Bouton

  8. Tableau de bord pour Viva Connections

  9. Composant WebPart Image

  10. En-tête de site - terminer

  11. Titre de section

  12. Composant WebPart Hero

  13. Composant WebPart Sites

  14. Composant WebPart People

  15. Composant WebPart d'appel à l'action

  16. Composant WebPart Texte (RTE)

  17. Tous les titres des composants WebPart (de Microsoft)

Packages de polices dans Viva Connections

Composants de polices personnalisées pris en charge dans Viva Connections

Les polices personnalisées sont actuellement prises en charge dans les domaines suivants :

  1. Texte de bienvenue/message d’accueil

  2. En-têtes de section

  3. Cartes de tableau de bord Niveau 1

  4. Ressources