Palettes de couleurs et polices dans SharePoint

Article
03/21/2023

Utilisez cette référence pour définir la palette de couleurs et le jeu de polices utilisés dans un site SharePoint.

[! IMPORTANT] Cette option d’extensibilité est disponible uniquement pour les expériences SharePoint classiques. Vous ne pouvez pas l’utiliser avec des expériences modernes dans SharePoint Online, telles que des sites de communication.

Palettes de couleurs

Une palette de couleurs représente la combinaison de couleurs qui sont utilisées dans un site SharePoint. La palette de couleurs pour un site SharePoint est définie dans un fichier de palette de couleurs. Les emplacements de couleurs sont également utilisés par le fichier d'aperçu de la page maître afin de générer la miniature et de prévisualiser les images d'un site. Cette rubrique décrit la structure du fichier de palette de couleurs et du fichier d'aperçu de la page maître :

Fichier de palette de couleurs (.spcolor)

Les fichiers de palette de couleurs sont utilisés dans l’Assistant Modifier l’apparence , qui permet aux utilisateurs de modifier l’apparence de leur site à l’aide de l’interface utilisateur des thèmes SharePoint. Par défaut, 32 fichiers de palette de couleurs sont installés avec SharePoint. Vous pouvez également créer des fichiers de palette de couleurs supplémentaires. L’exemple suivant montre le format d’un fichier de palette de couleurs.

<s:colorPalette isInverted="InvertedSetting" previewSlot1="Slot1" previewSlot2="Slot2" previewSlot3="Slot3" xmlns:s="http://schemas.microsoft.com/sharepoint/">
    <s:color name="ColorSlot" value="Color" />
    <!--additional color slots-->
</s:colorPalette>

Dans un fichier de palette de couleurs, les espaces réservés suivants sont remplacés :

InvertedSetting est une valeur booléenne. true si la palette de couleurs est généralement du texte clair sur un arrière-plan sombre. false si la palette de couleurs est généralement du texte sombre sur un arrière-plan clair.
Slot1 est le nom de l'annotation de l'emplacement de couleur à utiliser comme premier bloc de l'icône de palette dans le sélecteur de couleurs de la palette lors de la création d'un thème.
Slot2 est le nom de l'annotation de l'emplacement de couleur à utiliser comme deuxième bloc de l'icône de palette dans le sélecteur de couleurs de la palette lors de la création d'un thème.
Slot3 est le nom de l'annotation de l'emplacement de couleur à utiliser comme troisième bloc de l'icône de palette dans le sélecteur de couleurs de la palette lors de la création d'un thème.
ColorSlot est le nom de l'annotation de l'emplacement de couleur que vous définissez (par exemple, SiteTitle).
Color est la valeur hexadécimale de la couleur à utiliser pour l'emplacement de couleur spécifié. Celle-ci peut être composée de 6 chiffres (RRVVBB) ou de 8 chiffres (AARRVVBB). Si la valeur hexadécimale est composée de 8 chiffres, les deux premiers représentent le niveau d'opacité (00-FF correspond à 0-255). Si la valeur hexadécimale est composée de 6 chiffres, l'opacité par défaut est de 100 % ou FF.

The color palette files are located in the Theme Gallery of the root site, in the site collection in the 15 folder (http:// SiteCollectionName/_catalogs/theme/15/). To access the Theme Gallery from the SharePoint user interface, on the Site Settings page, under Web Designer Galleries, select Themes, and then select 15.

Fichier d'aperçu de la page maître (.preview)

Les fichiers d'aperçu de la page maître permettent de générer des images miniatures et de prévisualiser les images lorsque vous utilisez l'Assistant Modifier l'apparence. Pour pouvoir être utilisée dans l'Assistant Modifier l'apparence, une page maître doit être associée à un fichier d'aperçu. Un fichier d'aperçu est un fichier au format spécial qui présente des sections définissant la palette de couleurs par défaut, le jeu de polices par défaut, les fichiers CSS tokenisés et les fichiers HTML tokenisés. Il utilise les jetons de chaîne pour obtenir la valeur des emplacements de couleur, des noms de police et des chaînes d'interface utilisateur localisées. L'exemple suivant présente les emplacements de couleur utilisés dans le fichier d'aperçu de la page maître.


[ID] #dgp-pageContainer
{
    background-color: [T_THEME_COLOR_PAGEBACKGROUND];
    color: [T_THEME_COLOR_BODYTEXT];
    width: 100%;
    height:100%;
    background-image: url('[T_IMAGE]');
    background-size: cover;
    font-family: [T_BODY_FONT];
}

Pour plus d’informations, voir Guide pratique pour créer un fichier d’aperçu de page maître dans SharePoint

Mappage des emplacements de couleur

Le Tableau 1 répertorie les emplacements de couleur disponibles et indique où sont utilisés ces emplacements de couleur dans un site SharePoint.

Remarque

Lors de la discussion des éléments de navigation, l’utilisateur appuie sur s’applique à lorsqu’un utilisateur clique ou touche un élément de navigation. Sélectionné s’applique à lorsqu’un utilisateur accède à la page.> Voici un résumé d’un flux normal d’actions et de l’emplacement de couleur qui s’applique au lien de l’élément de navigation à chaque étape :> Le texte de base d’un lien d’élément de navigation : HeaderNavigationText> Un utilisateur pointe le curseur sur le lien de l’élément de navigation : HeaderNavigationHoverText> Un utilisateur clique, touche ou choisit le lien de l’élément de navigation : HeaderNavigationPressedText> L’utilisateur accède à la page choisie. L’emplacement de couleur qui s’applique à l’élément de navigation pour la page sur laquelle se trouve l’utilisateur : HeaderNavigationSelectedText

Tableau 1. Emplacements de couleur

Nom de l'annotation	Emplacement où la couleur est utilisée dans l'interface utilisateur	Nom du jeton
BodyText	Corps de texte normal.	[T_THEME_COLOR_BODYTEXT]
SubtleBodyText	Corps de texte qui doit être plus léger que la normale. Le texte des métadonnées en est un exemple.	[T_THEME_COLOR_SUBTLEBODYTEXT]
StrongBodyText	Couleur du corps de texte pour du contenu qui doit se détacher du corps de texte normal.	[T_THEME_COLOR_STRONGBODYTEXT]
DisabledText	Texte désactivé. Par exemple, les éléments non disponibles dans les menus.	[T_THEME_COLOR_DISABLEDTEXT]
SiteTitle	Couleur du texte du titre de la page.	[T_THEME_COLOR_SITETITLE]
WebPartHeading	Couleur du texte des titres des composants WebPart.	[T_THEME_COLOR_WEBPARTHEADING]
ErrorText	Couleur principale utilisée pour du texte, des bordures et des arrière-plans se rapportant à des erreurs, le cas échéant.	[T_THEME_COLOR_ERRORTEXT]
AccentText	Couleur du corps de texte accentué.	[T_THEME_COLOR_ACCENTTEXT]
SearchURL	Couleur du texte des URL dans les résultats de recherche. Permet également de mettre en évidence de nouveaux éléments ou des notifications d'état réussies.	[T_THEME_COLOR_SEARCHURL]
Lien hypertexte	Couleur du texte des liens hypertexte.	[T_THEME_COLOR_HYPERLINK]
HyperlinkFollowed	Couleur du texte des liens hypertexte suivis.	[T_THEME_COLOR_HYPERLINKFOLLOWED]
HyperlinkActive	Couleur d'un lien hypertexte lorsqu'un utilisateur appuie dessus.	[T_THEME_COLOR_HYPERLINKACTIVE]
CommandLinks	Liens de commande longs qui doivent être légèrement plus clairs que le corps du texte en raison de leur taille.	[T_THEME_COLOR_COMMANDLINKS]
CommandLinksSecondary	Couleur des liens de commande plus petits qui nécessitent une couleur plus foncée pour être plus facilement distingués.	[T_THEME_COLOR_COMMANDLINKSSECONDARY]
CommandLinksHover	Couleur d'un lien de commande lorsqu'un utilisateur passe le curseur dessus.	[T_THEME_COLOR_COMMANDLINKSHOVER]
CommandLinksPressed	Couleur d'un lien de commande lorsqu'un utilisateur appuie dessus.	[T_THEME_COLOR_COMMANDLINKSPRESSED]
CommandLinksDisabled	Couleur d'un lien de commande désactivé.	[T_THEME_COLOR_COMMANDLINKSDISABLED]
BackgroundOverlay	Couleur d'arrière-plan principale, visible entre l'image d'arrière-plan facultative et le contenu de la page.	[T_THEME_COLOR_BACKGROUNDOVERLAY]
DisabledBackground	Arrière-plan des éléments désactivés tels que les contrôles de navigateur, par exemple, la zone d'entrée ou la zone de sélection (sauf les boutons).	[T_THEME_COLOR_DISABLEDBACKGROUND]
PageBackground	Couleur d'arrière-plan de la page. Apparaît derrière l'image d'arrière-plan facultative.	[T_THEME_COLOR_PAGEBACKGROUND]
HeaderBackground	Couleur d'arrière-plan de la zone d'en-tête de la page.	[T_THEME_COLOR_HEADERBACKGROUND]
FooterBackground	Couleur d'arrière-plan de la zone de pied de page.	[T_THEME_COLOR_FOOTERBACKGROUND]
SelectionBackground	Couleur d'arrière-plan des éléments de liste sélectionnés et des éléments de menu déroulant.	[T_THEME_COLOR_SELECTIONBACKGROUND]
HoverBackground	Couleur d'arrière-plan des éléments de liste et des éléments de menu déroulant lorsqu'un utilisateur passe le curseur dessus.	[T_THEME_COLOR_HOVERBACKGROUND]
RowAccent	Bordure gauche accentuée pour les éléments de liste sélectionnés.	[T_THEME_COLOR_ROWACCENT]
StrongLines	Bordures des contrôles de navigateur lorsqu'un utilisateur passe le curseur dessus.	[T_THEME_COLOR_STRONGLINES]
Lines	Bordures des contrôles de navigateur.	[T_THEME_COLOR_LINES]
SubtleLines	Couleur de bordure subtile. Par exemple, le quadrillage pour la modification inline.	[T_THEME_COLOR_SUBTLELINES]
DisabledLines	Couleur de bordure des contrôles de navigateur désactivés tels que les zones d'entrée et les zones de sélection.	[T_THEME_COLOR_DISABLEDLINES]
AccentLines	Couleur de bordure active des contrôles de navigateur sélectionnés.	[T_THEME_COLOR_ACCENTLINES]
DialogBorder	Couleur de bordure des boîtes de dialogue.	[T_THEME_COLOR_DIALOGBORDER]
Navigation	Couleur du texte des éléments de navigation verticale et horizontale.	[T_THEME_COLOR_NAVIGATION]
NavigationAccent	Couleur du texte d'un élément de navigation horizontale sélectionné.	[T_THEME_COLOR_NAVIGATIONACCENT]
NavigationHover	Couleur du texte de navigation lorsqu'un utilisateur passe le curseur dessus. S'applique à la navigation supérieure et au menu de lancement rapide en mode horizontal.	[T_THEME_COLOR_NAVIGATIONHOVER]
NavigationPressed	Couleur du texte de l'élément de navigation lorsqu'un utilisateur appuie dessus. S'applique à la navigation supérieure et au menu de lancement rapide en mode horizontal.	[T_THEME_COLOR_NAVIGATIONPRESSED]
NavigationHoverBackground	Couleur d'arrière-plan des éléments du menu de lancement rapide en mode vertical lorsqu'un utilisateur passe le curseur sur l'élément de navigation.	[T_THEME_COLOR_NAVIGATIONHOVERBACKGROUND]
NavigationSelectedBackground	Couleur d'arrière-plan des éléments du menu de lancement rapide en mode vertical après qu'un utilisateur a sélectionné l'élément de navigation.	[T_THEME_COLOR_NAVIGATIONSELECTEDBACKGROUND]
EmphasisText	Couleur du texte affiché par-dessus l'arrière-plan d'accentuation.	[T_THEME_COLOR_EMPHASISTEXT]
EmphasisBackground	Couleur de l'arrière-plan accentué qui apparaît directement derrière le texte d'accentuation.	[T_THEME_COLOR_EMPHASISBACKGROUND]
EmphasisHoverBackground	Couleur de l'arrière-plan lorsqu'un utilisateur passe le curseur dessus, pour les éléments qui utilisent un arrière-plan d'accentuation.	[T_THEME_COLOR_EMPHASISHOVERBACKGROUND]
EmphasisBorder	Couleur de bordure des éléments qui utilisent un arrière-plan d'accentuation.	[T_THEME_COLOR_EMPHASISBORDER]
EmphasisHoverBorder	Couleur de bordure des éléments qui utilisent un arrière-plan d'accentuation lorsqu'un utilisateur passe le curseur dessus.	[T_THEME_COLOR_EMPHASISHOVERBORDER]
SubtleEmphasisText	Texte qui apparaît par-dessus un arrière-plan d'accentuation discret.	[T_THEME_COLOR_SUBTLEEMPHASISTEXT]
SubtleEmphasisCommandLinks	Couleur des liens de commande qui apparaissent par-dessus un arrière-plan d'accentuation discret.	[T_THEME_COLOR_SUBTLEEMPHASISCOMMANDLINKS]
SubtleEmphasisBackground	Arrière-plan qui apparaît directement derrière le texte d'accentuation discret.	[T_THEME_COLOR_SUBTLEEMPHASISBACKGROUND]
TopBarText	Couleur du texte et du glyphe du menu d'accueil, des icônes de la barre d'outils d'accès rapide et des onglets de ruban fermés.	[T_THEME_COLOR_TOPBARTEXT]
TopBarBackground	Couleur d'arrière-plan de la barre supérieure, située au-dessous à droite de la navigation de suite.	[T_THEME_COLOR_TOPBARBACKGROUND]
TopBarHoverText	Couleur du texte et du glyphe du menu d'accueil, des icônes de la barre d'outils d'accès rapide et des onglets de ruban fermés lorsqu'un utilisateur passe le curseur dessus.	[T_THEME_COLOR_TOPBARHOVERTEXT]
TopBarPressedText	Couleur du texte et du glyphe du menu d'accueil, des icônes de la barre d'outils d'accès rapide et des onglets de ruban fermés lorsqu'un utilisateur appuie dessus.	[T_THEME_COLOR_TOPBARPRESSEDTEXT]
HeaderText	Couleur de texte de base de tous les éléments de la zone d'en-tête.	[T_THEME_COLOR_HEADERTEXT]
HeaderSubtleText	Texte d'aide associé à la zone de recherche dans la zone d'en-tête.	[T_THEME_COLOR_HEADERSUBTLETEXT]
HeaderDisableText	Texte de la zone de recherche, si cette dernière est désactivée dans la zone d'en-tête.	[T_THEME_COLOR_HEADERDISABLETEXT]
HeaderNavigationText	Couleur de texte de base des liens de navigation dans la zone d'en-tête.	[T_THEME_COLOR_HEADERNAVIGATIONTEXT]
HeaderNavigationHoverText	Couleur du texte des liens de navigation dans la zone d'en-tête lorsqu'un utilisateur passe le curseur dessus.	[T_THEME_COLOR_HEADERNAVIGATIONHOVERTEXT]
HeaderNavigationPressedText	Couleur du texte des liens de navigation dans la zone d'en-tête lorsqu'un utilisateur appuie dessus.	[T_THEME_COLOR_HEADERNAVIGATIONPRESSEDTEXT]
HeaderNavigationSelectedText	Couleur du texte des liens de navigation dans la zone d'en-tête après qu'un utilisateur a sélectionné un lien.	[T_THEME_COLOR_HEADERNAVIGATIONSELECTEDTEXT]
HeaderLines	Lignes de la zone de recherche lorsque cette dernière est dans la zone d'en-tête.	[T_THEME_COLOR_HEADERLINES]
HeaderStrongLines	Lignes de la zone de recherche lorsque cette dernière est dans la zone d'en-tête et qu'un utilisateur passe le curseur dessus.	[T_THEME_COLOR_HEADERSTRONGLINES]
HeaderAccentLines	Lignes de la zone de recherche activées lorsque cette dernière est dans la zone d'en-tête.	[T_THEME_COLOR_HEADERACCENTLINES]
HeaderSublteLines	Lignes discrètes situées dans la zone d'en-tête. Non utilisé dans le fichier CSS par défaut.	[T_THEME_COLOR_HEADERSUBTLELINES]
HeaderDisabledLines	Lignes de la zone de recherche lorsque cette dernière est désactivée et qu'elle est dans la zone d'en-tête.	[T_THEME_COLOR_HEADERDISABLEDLINES]
HeaderDisabledBackground	Arrière-plan de la zone de recherche lorsque cette dernière est désactivée et qu'elle est dans la zone d'en-tête.	[T_THEME_COLOR_HEADERDISABLEDBACKGROUND]
HeaderFlyoutBorder	Bordure des menus déroulants situés dans la zone d'en-tête.	[T_THEME_COLOR_HEADERFLYOUTBORDER]
HeaderSiteTitle	Couleur de texte du titre du site dans la zone d'en-tête.	[T_THEME_COLOR_HEADERSITETITLE]
SuiteBarBackground	Couleur d'arrière-plan pour la navigation de suite.	[T_THEME_COLOR_SUITEBARBACKGROUND]
SuiteBarHoverBackground	Couleur d'arrière-plan pour la navigation de suite lorsqu'un utilisateur passe le curseur dessus.	[T_THEME_COLOR_SUITEBARHOVERBACKGROUND]
SuiteBarText	Couleur du texte et du glyphe des éléments de la navigation de suite.	[T_THEME_COLOR_SUITEBARTEXT]
SuiteBarDisabledText	Couleur du texte et du glyphe des éléments de la navigation de suite désactivés. Non utilisé dans le fichier CSS par défaut.	[T_THEME_COLOR_SUITEBARDISABLEDTEXT]
ButtonText	Couleur du texte des boutons.	[T_THEME_COLOR_BUTTONTEXT]
ButtonDisabledText	Couleur du texte des boutons désactivés.	[T_THEME_COLOR_BUTTONDISABLEDTEXT]
ButtonBackground	Couleur d'arrière-plan des boutons.	[T_THEME_COLOR_BUTTONBACKGROUND]
ButtonHoverBackground	Couleur d'arrière-plan des boutons lorsqu'un utilisateur passe le curseur dessus.	[T_THEME_COLOR_BUTTONHOVERBACKGROUND]
ButtonPressedBackground	Couleur d'arrière-plan des boutons lorsqu'un utilisateur appuie dessus.	[T_THEME_COLOR_BUTTONPRESSEDBACKGROUND]
ButtonDisabledBackground	Couleur d'arrière-plan des boutons désactivés.	[T_THEME_COLOR_BUTTONDISABLEDBACKGROUND]
ButtonBorder	Couleur de bordure des boutons.	[T_THEME_COLOR_BUTTONBORDER]
ButtonHoverBorder	Couleur de bordure des boutons lorsqu'un utilisateur passe le curseur dessus.	[T_THEME_COLOR_BUTTONHOVERBORDER]
ButtonPressedBorder	Couleur de bordure des boutons lorsqu'un utilisateur appuie dessus.	[T_THEME_COLOR_BUTTONPRESSEDBORDER]
ButtonDisabledBorder	Couleur de bordure des boutons désactivés.	[T_THEME_COLOR_BUTTONDISABLEDBORDER]
ButtonGlyph	Couleur des glyphes qui apparaissent sur un bouton.	[T_THEME_COLOR_BUTTONGLYPH]
ButtonGlyphActive	Couleur des glyphes qui apparaissent sur un bouton lorsqu'un utilisateur passe le curseur dessus.	[T_THEME_COLOR_BUTTONGLYPHACTIVE]
ButtonGlyphDisabled	Couleur des glyphes d'un bouton désactivé.	[T_THEME_COLOR_BUTTONGLYPHDISABLED]
TileText	Texte qui apparaît par-dessus l'arrière-plan de recouvrement en mosaïque.	[T_THEME_COLOR_TILETEXT]
TileBackgroundOverlay	Couleur de l'arrière-plan de recouvrement pour les mosaïques.	[T_THEME_COLOR_TILEBACKGROUNDOVERLAY]
ContentAccent1	Première couleur de thème que l'utilisateur peut choisir dans le sélecteur de couleurs de l'Éditeur de texte enrichi.	[T_THEME_COLOR_CONTENTACCENT1]
ContentAccent2	Deuxième couleur de thème que l'utilisateur peut choisir dans le sélecteur de couleurs de l'Éditeur de texte enrichi.	[T_THEME_COLOR_CONTENTACCENT2]
ContentAccent3	Troisième couleur de thème que l'utilisateur peut choisir dans le sélecteur de couleurs de l'Éditeur de texte enrichi.	[T_THEME_COLOR_CONTENTACCENT3]
ContentAccent4	Quatrième couleur de thème que l'utilisateur peut choisir dans le sélecteur de couleurs de l'Éditeur de texte enrichi.	[T_THEME_COLOR_CONTENTACCENT4]
ContentAccent5	Cinquième couleur de thème que l'utilisateur peut choisir dans le sélecteur de couleurs de l'Éditeur de texte enrichi.	[T_THEME_COLOR_CONTENTACCENT5]
ContentAccent6	Sixième couleur de thème que l'utilisateur peut choisir dans le sélecteur de couleurs de l'Éditeur de texte enrichi.	[T_THEME_COLOR_CONTENTACCENT6]

Jeux de polices

Les polices sont définies dans le jeu de polices (fichier .spfont) et l'aperçu de la page maître (fichier .preview) pour un site SharePoint donné. Le jeu de polices définit les polices utilisées dans quatre zones : titre, navigation, en-tête et corps. Sept jeux de polices sont inclus dans SharePoint. Vous pouvez créer des jeux de polices supplémentaires. Les fichiers de jeu de polices sont situés dans le sous-dossier 15 de la galerie de thèmes du site racine de la collection de sites (http:// SiteCollectionName/_catalogs/theme/15/). Pour accéder à la galerie de thèmes à partir de l'interface utilisateur de SharePoint, ouvrez la page Paramètres du site, puis, sous Galeries du concepteur web, sélectionnez Thèmes, puis 15.

L'exemple suivant décrit le format d'un fichier .spfont.


<?xml version="1.0" encoding="utf-8"?>
<s:fontScheme name="FontSchemeName" previewSlot1="Slot1" previewSlot2="Slot2" xmlns:s="http://schemas.microsoft.com/sharepoint/">
  <s:fontSlots>
    <s:fontSlot name="FontSlotName">
      <s:latin typeface="LatinScriptFont" />
      <s:ea typeface="EAScriptFont"/>
      <s:cs typeface="CSFont" />
      <s:font script="Language" typeface="ScriptFont" />
      <!--Additional fonts-->
  </s:fontSlots>
  <!--Additional font slots-->
</s:fontScheme>

Dans un fichier .spfont, les espaces réservés suivants sont remplacés :

FontSchemeName est le nom du jeu de polices.
Slot1 est le nom de l'emplacement de police que vous souhaitez utiliser comme premier bloc de l'icône de police dans le sélecteur de jeux de polices de l'Assistant Modifier l'apparence.
Slot2 est le nom de l'emplacement de police que vous souhaitez utiliser comme deuxième bloc de l'icône de police dans le sélecteur de jeux de polices de l'Assistant Modifier l'apparence.
_ FontSlotName_ est le nom de l'emplacement de police que vous définissez (par exemple, le titre).
LatinScriptFont est la police à utiliser pour les scripts latins. Cette police est également la police de secours. Autrement dit, il s’agit de la police utilisée pour un langage qui n’a pas de script explicitement défini dans le jeu de polices.

Remarque

Vous devez fournir des informations supplémentaires pour utiliser les polices adaptées au web dans votre jeu de polices. Pour plus d’informations, reportez-vous à la section Polices web de cet article.
EAScriptFont est la police à utiliser pour les scripts Asie Est. L’élément< s:ea> n’est actuellement pas utilisé par SharePoint. Toutefois, l’élément <s:ea> est toujours requis dans le jeu de polices.
CSFont est la police à utiliser pour les scripts complexes. L’élément< s:cs> n’est pas utilisé actuellement par SharePoint. Toutefois, l’élément <s:cs> est toujours requis dans le jeu de polices.
Language est le script de langue.
ScriptFont est la police à utiliser pour le script de langue spécifié.

L'exemple suivant présente une partie d'un fichier .spfont.


<s:fontScheme name="Georgia" previewSlot1="title" previewSlot2="body" xmlns:s="http://schemas.microsoft.com/sharepoint/">
    <s:fontSlots>
        <s:fontSlot name="title">
            <s:latin typeface="Georgia"/>
            <s:ea typeface=""/>
            <s:cs typeface="Segoe UI Light" />
            <s:font script="Arab" typeface="Tahoma" />
            <s:font script="Deva" typeface="Mangal" />
            <s:font script="Grek" typeface="Segoe UI Light" />
            <s:font script="Hang" typeface="Malgun Gothic" />
            <s:font script="Hans" typeface="Microsoft YaHei" />
            <s:font script="Hant" typeface="Microsoft JhengHei" />
            <s:font script="Hebr" typeface="Tahoma" />
            <s:font script="Hira" typeface="Meiryo" />
            <s:font script="Thai" typeface="Tahoma" />
            <s:font script="Armn" typeface="Tahoma" />
            <s:font script="Beng" typeface="Vrinda" />
            <s:font script="Cher" typeface="Plantagenet Cherokee" />
            <s:font script="Ethi" typeface="Nyala" />
            <s:font script="Geor" typeface="Sylfaen" />
            <s:font script="Gujr" typeface="Shruti" />
            <s:font script="Guru" typeface="Raavi" />
            <s:font script="Knda" typeface="Tunga" />
            <s:font script="Khmr" typeface="DaunPenh" />
            <s:font script="Laoo" typeface="DokChampa" />
            <s:font script="Mlym" typeface="Kartika" />
            <s:font script="Mymr" typeface="Myanmar Text" />
            <s:font script="Orya" typeface="Kalinga" />
            <s:font script="Sinh" typeface="Iskoola Pota" />
            <s:font script="Syrc" typeface="Estrangelo Edessa" />
            <s:font script="Taml" typeface="Latha" />
            <s:font script="Telu" typeface="Gautami" />
            <s:font script="Thaa" typeface="MV Boli" />
            <s:font script="Tibt" typeface="Cordia New" />
            <s:font script="Yiii" typeface="Microsoft Yi Baiti" />
        </s:fontSlot>
???

SharePoint prend en charge les polices web. Vous devez fournir des informations supplémentaires pour utiliser les polices web dans votre jeu de polices. Pour plus d’informations, reportez-vous à la section Polices web de cet article.

Polices adaptées au web

Les polices adaptées au web sont un jeu de polices largement utilisées et disponibles par défaut sur la plupart des périphériques. Pour spécifier une police adaptée au web dans le jeu de polices, ajoutez le nom de la police dans l'attribut typeface de l'emplacement de police. L'exemple suivant présente une police adaptée au web utilisée dans un jeu de polices.


<s:fontSlot name="title">
  <s:latin typeface="Georgia"/>
???
</s:fontSlot>

Polices web

Les polices web sont des polices disponibles sur Internet. Lorsqu'un utilisateur se rend sur un site qui utilise une police web, le navigateur web télécharge les fichiers de police nécessaires en même temps que le reste de la page. Pour spécifier une police web, vous devez fournir l'URL de vos fichiers de police web dans quatre formats de police (pour une prise en charge par tous les navigateurs), ainsi qu'une petite et une grande image miniature à utiliser pour afficher les noms de police dans le sélecteur de jeux de polices.

L’exemple suivant décrit les informations requises pour utiliser une police web dans un <élément s:latin> .


<s:latin typeface="FontName"
  eotsrc="EotFile"
  woffsrc="WoffFile"
  ttfsrc="TtfFile"
  svgsrc="SvgFile"
  largeimgsrc="LargeImgFile"
  smallimgsrc="SmallImgFile" />

Dans cet exemple d'utilisation d'une police web, les espaces réservés suivants seraient remplacés :

FontName est le nom de la police web.
EotFile est l'URL relative du fichier de police Embedded Open Type.
WoffFile est l'URL relative du fichier de police web Open Font Format.
TtfFile est l'URL relative du fichier de police TrueType.
SvgFile est l'URL relative du fichier de police Scalable Vector Graphics.
LargeImgFile est l'URL relative de la grande image miniature que vous souhaitez utiliser dans le sélecteur de jeux de polices.
SmallImgFile est l'URL relative de la petite image miniature que vous souhaitez utiliser dans le sélecteur de jeux de polices.

Remarque

Les chemins d’accès aux fichiers doivent être l’URL complète (c’est-à-dire https://tenant.sharepoint.com/sites/sitename/_catalogs/theme/15/fontfile.wof) Les attributs LargeImgFile et SmallImgFile doivent être présents dans la balise Latine, même si des valeurs vides sont fournies.

Emplacements de police

Le tableau 1 décrit les emplacements de police disponibles et les endroits où ils sont utilisés dans une page.

Tableau 1. Emplacements de police

Nom de l'emplacement de police	Description
title	Utilisé pour le titre de la page.
navigation	Utilisé pour les éléments de navigation verticale et horizontale sur la page.
large-heading	Utilisé pour les en-têtes H1.
heading	Utilisé pour les titres des composants WebPart, les titres des boîtes de dialogue, les titres des légendes et les en-têtes H2 et H3.
small-heading	Utilisé pour les en-têtes H4.
large-body	Utilisé pour les corps de texte de grande taille (15 pixels et 19 pixels).
corps	Police de base utilisée partout ailleurs sur la page.

Partager via