Farbpaletten und Schriftarten in SharePoint

Artikel
03/21/2023

Verwenden Sie diese Übersicht, um die in einer SharePoint-Website verwendeten Farbpaletten oder Schriftartenschemas zu definieren.

[! WICHTIG] Diese Erweiterbarkeitsoption ist nur für klassische SharePoint-Umgebungen verfügbar. Sie können diese Option nicht mit modernen Benutzeroberflächen in SharePoint Online, wie z. B. mit Kommunikationswebsites, verwenden.

Farbpaletten

Eine Farbpalette stellt die Kombination der Farben dar, die in einer SharePoint-Website verwendet werden. Die Farbpalette für eine SharePoint-Website wird in einer Farbpalettendatei definiert. Farbplätze werden auch von der Vorschaudatei für Gestaltungsvorlagen verwendet, um Miniatur- und Vorschaubilder einer Website zu erstellen. Im Folgenden wird der Aufbau der Farbpalettendatei und der Vorschaudatei für Gestaltungsvorlagen beschrieben:

Farbpalettendatei (.spcolor)

Farbpalettendateien werden im Assistenten Aussehen ändern verwendet, mit dem Benutzer das Erscheinungsbild ihrer Website mithilfe der SharePoint-Designbenutzeroberfläche ändern können. Mit SharePoint werden standardmäßig 32 Farbpalettendateien installiert. Sie können auch zusätzliche Farbpalettendateien erstellen. Das folgende Beispiel zeigt das Format einer Farbpalettendatei.

<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>

In einer Farbpalettendatei werden die folgenden Platzhalter ersetzt:

InvertedSetting ist ein Boolescher Wert. true, wenn die Farbpalette in der Regel hellen Text vor dunklem Hintergrund umfasst. false, wenn die Farbpalette in der Regel dunklen Text vor hellem Hintergrund umfasst.
Slot1 ist der Anmerkungsname des Farbplatzes, der in der Farbpalettenauswahl der Designoberfläche als der erste Block des Palettensymbols verwendet werden soll.
Slot2 ist der Anmerkungsname des Farbplatzes, der in der Farbpalettenauswahl der Designoberfläche als der zweite Block des Palettensymbols verwendet werden soll.
Slot3 ist der Anmerkungsname des Farbplatzes, der in der Farbpalettenauswahl der Designoberfläche als der dritte Block des Palettensymbols verwendet werden soll.
ColorSlot ist der Anmerkungsname des Farbplatzes, den Sie definieren (z. B. Websitetitel).
Color ist der Hexadezimalwert der Farbe, die für den angegebenen Farbplatz verwendet werden soll. Er kann sechsstellig (RRGGBB) oder achtstellig (AARRGGBB) sein. Wenn der Hexadezimalwert achtstellig ist, geben die ersten beiden Stellen die Transparenzstufe (00-FF, was 0-255 entspricht) an. Ist der Hexadezimalwert sechsstellig, ist der Standardtransparenzwert 100 % oder FF.

Die Farbpalettendateien sich im Designkatalog der Stammwebsite gespeichert, in der Websitesammlung im Ordner 15 (http:// SiteCollectionName/_catalogs/theme/15/). Um den Designkatalog über die Benutzerfläche von SharePoint aufzurufen, wählen Sie auf der Seite Websiteeinstellungen unter Web-Designer-KatalogeDesigns und dann 15 aus.

Vorschaudatei für Gestaltungsvorlagen (.preview)

Vorschaudateien für Gestaltungsvorlagen werden verwendet, um bei Verwendung des Assistenten Aussehen ändern Miniatur- und Vorschaubilder zu generieren. Eine Gestaltungsvorlage muss eine entsprechende Vorschaudatei aufweisen, die im Assistenten Aussehen ändern verwendet wird. Eine Vorschaudatei stellt eine speziell formatierte Datei dar, die Abschnitte für die Standardfarbpalette, das Standardschriftartenschema, Token-CSS und Token-HTML enthält. Sie verwendet Zeichenfolgetoken, um den Wert von Farbplätzen, Schriftartnamen und lokalisierten UI-Zeichenfolgen abzurufen. Das folgende Beispiel zeigt Farbplätze, die in der Vorschaudatei für Gestaltungsvorlagen verwendet werden.


[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];
}

Weitere Informationen finden Sie unter Vorgehensweise: Erstellen einer Gestaltungsvorlagenvorschaudatei in SharePoint.

Farbmodul-Zuordnung

Tabelle 1 beschreibt die verfügbaren Farbmodule und wo diese Farbmodule auf einer SharePoint-Website verwendet werden.

Hinweis

Bei der Erörterung von Navigationselementen gilt gedrückt, wenn ein Benutzer auf ein Navigationselement klickt oder berührt. Ausgewählt gilt für, wenn ein Benutzer zur Seite navigiert wird.> Im Folgenden wird ein normaler Ablauf von Aktionen und der Farbslot zusammengefasst, der bei jedem Schritt für den Navigationselementlink gilt:> Der Basistext eines Navigationselementlinks: HeaderNavigationText> Ein Benutzer bewegt den Cursor über den Navigationselementlink: HeaderNavigationHoverText> Ein Benutzer klickt, berührt oder wählt den Navigationselementlink aus: HeaderNavigationPressedText> Der Benutzer wird zur ausgewählten Seite navigiert. Das Farbmodul, das sich auf das Navigationselement für die Seite bezieht, auf der sich der Benutzer nun befindet: HeaderNavigationSelectedText

Tabelle 1. Farbplätze

Anmerkungsname	Wo die Farbe in der UI verwendet wird	Tokenname
BodyText	Normaler Textkörper	[T_THEME_COLOR_BODYTEXT]
SubtleBodyText	Textkörper, der heller als normal sein muss. Ein Beispiel ist Metadatentext.	[T_THEME_COLOR_SUBTLEBODYTEXT]
StrongBodyText	Textkörperfarbe für Text, der sich vom normalen Textkörper abheben muss	[T_THEME_COLOR_STRONGBODYTEXT]
DisabledText	Deaktivierter Text. Beispielsweise nicht verfügbare Elemente in Menüs.	[T_THEME_COLOR_DISABLEDTEXT]
SiteTitle	Die Textfarbe des Seitentitels	[T_THEME_COLOR_SITETITLE]
WebPartHeading	Textfarbe für Webpart-Überschriften.	[T_THEME_COLOR_WEBPARTHEADING]
ErrorText	Die Hauptfarbe für Text, Rahmen und Hintergründe, die sich auf Fehler beziehen (nach Bedarf)	[T_THEME_COLOR_ERRORTEXT]
AccentText	Textfarbe für hervorgehobenen Textkörper	[T_THEME_COLOR_ACCENTTEXT]
SearchURL	Textfarbe für die in Suchergebnissen gefundene URL. Wird auch zum Hervorheben neuer Elemente oder Erfolgsstatusmeldungen verwendet.	[T_THEME_COLOR_SEARCHURL]
Hyperlink	Textfarbe für Hyperlinks	[T_THEME_COLOR_HYPERLINK]
HyperlinkFollowed	Textfarbe für gefolgte Hyperlinks	[T_THEME_COLOR_HYPERLINKFOLLOWED]
HyperlinkActive	Hyperlinkfarbe, wenn Hyperlink gedrückt wird	[T_THEME_COLOR_HYPERLINKACTIVE]
CommandLinks	Große Befehlslinks, die aufgrund ihrer Größe ein bisschen heller sein müssen als der Textkörper	[T_THEME_COLOR_COMMANDLINKS]
CommandLinksSecondary	Befehlslinkfarbe für Links, die kleiner sind und daher eine stärkere Farbe aufweisen, um hervorzutreten	[T_THEME_COLOR_COMMANDLINKSSECONDARY]
CommandLinksHover	Befehlslinkfarbe beim Daraufzeigen	[T_THEME_COLOR_COMMANDLINKSHOVER]
CommandLinksPressed	Befehlslinkfarbe, wenn Befehlslink gedrückt wird	[T_THEME_COLOR_COMMANDLINKSPRESSED]
CommandLinksDisabled	Befehlslinkfarbe, wenn Befehlslink deaktiviert ist	[T_THEME_COLOR_COMMANDLINKSDISABLED]
BackgroundOverlay	Die Haupthintergrundfarbe, die zwischen dem optionalen Hintergrundbild und dem Seiteninhalt sichtbar ist	[T_THEME_COLOR_BACKGROUNDOVERLAY]
DisabledBackground	Hintergrund für deaktivierte Elemente wie Browsersteuerelemente, z. B. Eingabe- oder Auswahlfeld (außer Schaltflächen)	[T_THEME_COLOR_DISABLEDBACKGROUND]
PageBackground	Die Hintergrundfarbe der Seite. Erscheint hinter dem optionalen Hintergrundbild.	[T_THEME_COLOR_PAGEBACKGROUND]
HeaderBackground	Die Hintergrundfarbe für den Kopfbereich der Seite	[T_THEME_COLOR_HEADERBACKGROUND]
FooterBackground	Die Hintergrundfarbe für den Fußzeilenbereich der Seite	[T_THEME_COLOR_FOOTERBACKGROUND]
SelectionBackground	Die Hintergrundfarbe für ausgewählte Listenelemente und Dropdownmenü-Elemente	[T_THEME_COLOR_SELECTIONBACKGROUND]
HoverBackground	Die Hintergrundfarbe für Listenelemente und Dropdownmenü-Elemente beim Daraufzeigen	[T_THEME_COLOR_HOVERBACKGROUND]
RowAccent	Der hervorgehobene linke Rand bei ausgewählten Listenelementen	[T_THEME_COLOR_ROWACCENT]
StrongLines	Rahmen für Browsersteuerelemente beim Daraufzeigen	[T_THEME_COLOR_STRONGLINES]
Lines	Rahmen für Browsersteuerelemente	[T_THEME_COLOR_LINES]
SubtleLines	Subtile Rahmenfarbe. Beispiel: Gitternetzlinien für die Inlinebearbeitung.	[T_THEME_COLOR_SUBTLELINES]
DisabledLines	Rahmenfarbe für deaktivierte Browsersteuerelemente wie Eingabe- und Auswahlfelder	[T_THEME_COLOR_DISABLEDLINES]
AccentLines	Farbe für fokussierte Rahmen bei ausgewählten Browsersteuerelementen	[T_THEME_COLOR_ACCENTLINES]
DialogBorder	Farbe für Dialogfeldrahmen	[T_THEME_COLOR_DIALOGBORDER]
Navigation	Textfarbe für horizontale und vertikale Navigationselemente	[T_THEME_COLOR_NAVIGATION]
NavigationAccent	Textfarbe für ein ausgewähltes horizontales Navigationselement	[T_THEME_COLOR_NAVIGATIONACCENT]
NavigationHover	Navigationstextfarbe beim Daraufzeigen. Gilt für obere Navigationselemente und für Schnellstartelemente im horizontalen Modus	[T_THEME_COLOR_NAVIGATIONHOVER]
NavigationPressed	Textfarbe von Navigationselementen, wenn diese gedrückt werden. Gilt für obere Navigationselemente und für Schnellstartelemente im horizontalen Modus	[T_THEME_COLOR_NAVIGATIONPRESSED]
NavigationHoverBackground	Hintergrundfarbe für Schnellstartelemente im vertikalen Modus beim Daraufzeigen	[T_THEME_COLOR_NAVIGATIONHOVERBACKGROUND]
NavigationSelectedBackground	Hintergrundfarbe von Schnellstartelementen im vertikalen Modus, nachdem das Navigationselement ausgewählt wurde	[T_THEME_COLOR_NAVIGATIONSELECTEDBACKGROUND]
EmphasisText	Die Textfarbe, die auf hervorgehobenem Hintergrund angezeigt wird	[T_THEME_COLOR_EMPHASISTEXT]
EmphasisBackground	Die Farbe für hervorgehobenen Hintergrund, der direkt hinter hervorgehobenem Text angezeigt wird	[T_THEME_COLOR_EMPHASISBACKGROUND]
EmphasisHoverBackground	Hintergrundfarbe beim Daraufzeigen, für Elemente, die hervorgehobenen Hintergrund verwenden	[T_THEME_COLOR_EMPHASISHOVERBACKGROUND]
EmphasisBorder	Rahmenfarbe für Elemente mit hervorgehobenem Hintergrund	[T_THEME_COLOR_EMPHASISBORDER]
EmphasisHoverBorder	Rahmenfarbe beim Daraufzeigen für Elemente mit hervorgehobenem Hintergrund	[T_THEME_COLOR_EMPHASISHOVERBORDER]
SubtleEmphasisText	Text, der auf dezent hervorgehobenem Hintergrund angezeigt wird	[T_THEME_COLOR_SUBTLEEMPHASISTEXT]
SubtleEmphasisCommandLinks	Befehlslinkfarbe für Links, die auf dezent hervorgehobenem Hintergrund angezeigt werden	[T_THEME_COLOR_SUBTLEEMPHASISCOMMANDLINKS]
SubtleEmphasisBackground	Hintergrund, der direkt hinter dezent hervorgehobenem Text angezeigt wird	[T_THEME_COLOR_SUBTLEEMPHASISBACKGROUND]
TopBarText	Text- und Glyphenfarbe für das Willkommensmenü, Symbole auf der Schnellzugriffsleiste und geschlossene Registerkarten auf dem Menüband	[T_THEME_COLOR_TOPBARTEXT]
TopBarBackground	Die Hintergrundfarbe für die obere Leiste, die unterhalb und rechts der Suitenavigation angezeigt wird	[T_THEME_COLOR_TOPBARBACKGROUND]
TopBarHoverText	Text- und Glyphenfarbe beim Daraufzeigen für das Willkommensmenü, Symbole auf der Schnellzugriffsleiste und geschlossene Registerkarten auf dem Menüband	[T_THEME_COLOR_TOPBARHOVERTEXT]
TopBarPressedText	Text- und Glyphenfarbe beim Drücken auf das Willkommensmenü, Symbole auf der Schnellzugriffsleiste und geschlossene Registerkarten auf dem Menüband	[T_THEME_COLOR_TOPBARPRESSEDTEXT]
HeaderText	Die Basistextfarbe für den gesamten Kopfbereich	[T_THEME_COLOR_HEADERTEXT]
HeaderSubtleText	Hilfetext für das Suchfeld im Kopfbereich	[T_THEME_COLOR_HEADERSUBTLETEXT]
HeaderDisableText	Text für das Suchfeld, wenn sich das Suchfeld im Kopfbereich befindet und deaktiviert ist	[T_THEME_COLOR_HEADERDISABLETEXT]
HeaderNavigationText	Basistextfarbe für Navigationslinks im Kopfbereich	[T_THEME_COLOR_HEADERNAVIGATIONTEXT]
HeaderNavigationHoverText	Textfarbe für Navigationslinks im Kopfbereich beim Daraufzeigen auf den Link	[T_THEME_COLOR_HEADERNAVIGATIONHOVERTEXT]
HeaderNavigationPressedText	Textfarbe für Navigationlinks im Kopfbereich beim Drücken des Links	[T_THEME_COLOR_HEADERNAVIGATIONPRESSEDTEXT]
HeaderNavigationSelectedText	Textfarbe für Navigationslinks im Kopfbereich bei Auswahl des Links	[T_THEME_COLOR_HEADERNAVIGATIONSELECTEDTEXT]
HeaderLines	Suchfeldlinien, wenn sich das Suchfeld im Kopfbereich befindet	[T_THEME_COLOR_HEADERLINES]
HeaderStrongLines	Suchfeldlinien beim Daraufzeigen, wenn sich das Suchfeld im Kopfbereich befindet	[T_THEME_COLOR_HEADERSTRONGLINES]
HeaderAccentLines	Suchfeldlinien im Fokus, wenn sich das Suchfeld im Kopfbereich befindet	[T_THEME_COLOR_HEADERACCENTLINES]
HeaderSublteLines	Dezente Linien im Kopfbereich. Werden in CSS-Standarddateien nicht verwendet.	[T_THEME_COLOR_HEADERSUBTLELINES]
HeaderDisabledLines	Suchfeldlinien, wenn sich das Suchfeld im Kopfbereich befindet und deaktiviert ist	[T_THEME_COLOR_HEADERDISABLEDLINES]
HeaderDisabledBackground	Suchfeldhintergrund, wenn sich das Suchfeld im Kopfbereich befindet und deaktiviert ist	[T_THEME_COLOR_HEADERDISABLEDBACKGROUND]
HeaderFlyoutBorder	Rahmen für Dropdownmenüs im Kopfbereich	[T_THEME_COLOR_HEADERFLYOUTBORDER]
HeaderSiteTitle	Textfarbe für den Websitetitel im Kopfbereich	[T_THEME_COLOR_HEADERSITETITLE]
SuiteBarBackground	Hintergrundfarbe für die Suitenavigation	[T_THEME_COLOR_SUITEBARBACKGROUND]
SuiteBarHoverBackground	Hintergrundfarbe beim Daraufzeigen für die Suitenavigation	[T_THEME_COLOR_SUITEBARHOVERBACKGROUND]
SuiteBarText	Text- und Glyphenfarbe für die Suitenavigationselemente	[T_THEME_COLOR_SUITEBARTEXT]
SuiteBarDisabledText	Text- und Glyphenfarbe für deaktivierte Suiteelemente. Wird in CSS-Standarddateien nicht verwendet.	[T_THEME_COLOR_SUITEBARDISABLEDTEXT]
ButtonText	Textfarbe für Schaltflächen	[T_THEME_COLOR_BUTTONTEXT]
ButtonDisabledText	Textfarbe für deaktivierte Schaltflächen	[T_THEME_COLOR_BUTTONDISABLEDTEXT]
ButtonBackground	Hintergrundfarbe für Schaltflächen	[T_THEME_COLOR_BUTTONBACKGROUND]
ButtonHoverBackground	Hintergrundfarbe für Schaltflächen beim Daraufzeigen	[T_THEME_COLOR_BUTTONHOVERBACKGROUND]
ButtonPressedBackground	Hintergrundfarbe für gedrückte Schaltflächen	[T_THEME_COLOR_BUTTONPRESSEDBACKGROUND]
ButtonDisabledBackground	Hintergrundfarbe für deaktivierte Schaltflächen	[T_THEME_COLOR_BUTTONDISABLEDBACKGROUND]
ButtonBorder	Rahmenfarbe für Schaltflächen	[T_THEME_COLOR_BUTTONBORDER]
ButtonHoverBorder	Rahmenfarbe für Schaltflächen beim Daraufzeigen	[T_THEME_COLOR_BUTTONHOVERBORDER]
ButtonPressedBorder	Rahmenfarbe für gedrückte Schaltflächen	[T_THEME_COLOR_BUTTONPRESSEDBORDER]
ButtonDisabledBorder	Rahmenfarbe für Schaltflächen, die deaktiviert sind	[T_THEME_COLOR_BUTTONDISABLEDBORDER]
ButtonGlyph	Glyphenfarbe für eine Glyphe, die in einer Schaltfläche angezeigt wird	[T_THEME_COLOR_BUTTONGLYPH]
ButtonGlyphActive	Glyphenfarbe beim Daraufzeigen, für eine Glyphe, die in einer Schaltfläche angezeigt wird	[T_THEME_COLOR_BUTTONGLYPHACTIVE]
ButtonGlyphDisabled	Glyphenfarbe für eine deaktivierte Schaltfläche	[T_THEME_COLOR_BUTTONGLYPHDISABLED]
TileText	Der Text, der auf überlagertem Kachelhintergrund angezeigt wird	[T_THEME_COLOR_TILETEXT]
TileBackgroundOverlay	Die Hintergrundüberlagerungsfarbe für Kacheln	[T_THEME_COLOR_TILEBACKGROUNDOVERLAY]
ContentAccent1	Die erste Akzentfarbe, die ein Benutzer in der Rich-Text-Editor-Farbauswahl auswählen kann	[T_THEME_COLOR_CONTENTACCENT1]
ContentAccent2	Die zweite Akzentfarbe, die ein Benutzer in der Rich-Text-Editor-Farbauswahl auswählen kann	[T_THEME_COLOR_CONTENTACCENT2]
ContentAccent3	Die dritte Akzentfarbe, die ein Benutzer in der Rich-Text-Editor-Farbauswahl auswählen kann	[T_THEME_COLOR_CONTENTACCENT3]
ContentAccent4	Die vierte Akzentfarbe, die ein Benutzer in der Rich-Text-Editor-Farbauswahl auswählen kann	[T_THEME_COLOR_CONTENTACCENT4]
ContentAccent5	Die fünfte Akzentfarbe, die ein Benutzer in der Rich-Text-Editor-Farbauswahl auswählen kann	[T_THEME_COLOR_CONTENTACCENT5]
ContentAccent6	Die sechste Akzentfarbe, die ein Benutzer in der Rich-Text-Editor-Farbauswahl auswählen kann	[T_THEME_COLOR_CONTENTACCENT6]

Schriftartenschema

Schriftarten werden im Schriftartenschema (.spfont-Datei) und der Gestaltungsvorlagenvorschau (.preview-Datei) für eine bestimmte SharePoint-Website definiert. Das Schriftartenschema definiert die Schriftarten, die in vier Bereichen verwendet werden: Titel, Navigation, Überschrift und Textkörper. Sieben Schriftartenschemas sind in SharePoint enthalten. Sie können zusätzliche Schriftartenschemas erstellen. Die Schriftartenschemadateien sind im 15-Unterordner des Designkatalogs der Stammwebsite der Websitesammlung abgelegt (http:// SiteCollectionName/_catalogs/theme/15/). Um den Designkatalog über die Benutzerfläche von SharePoint aufzurufen, wählen Sie auf der Seite Websiteeinstellungen unter Web-Designer-KatalogeDesigns und dann 15 aus.

Das folgende Beispiel beschreibt das Format für eine .spfont-Datei.


<?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>

In einer .spfont-Datei werden die folgenden Platzhalter ersetzt:

FontSchemeName ist der Name des Schriftartenschemas.
Slot1 ist der Name des Schriftartenplatzes, den Sie als den ersten Block des Schriftartensymbols in der Schriftartenschemaauswahl im Assistenten Aussehen ändern verwenden möchten.
Slot2 ist der Name des Schriftartenplatzes, den Sie als den zweiten Block des Schriftartensymbols in der Schriftartenschemaauswahl im Assistenten Aussehen ändern verwenden möchten.
FontSlotName ist der Name des Schriftartenplatzes, den Sie definieren (z. B. Titel).
LatinScriptFont ist die Schriftart, die für lateinische Skripts verwendet werden soll. Diese Schriftart ist ebenfalls die Fallbackschriftart. Das bedeutet, dass diese Schriftart für eine Sprache verwendet wird, die kein im Schriftartenschema explizit festgelegtes Skript aufweist.

Hinweis

Sie müssen zusätzliche Informationen bereitstellen, wenn Sie Webschriftarten in Ihrem Schriftartenschema verwenden möchten. Weitere Informationen finden Sie unter in diesem Artikel im Abschnitt Webschriftarten.
EAScriptFont ist die Schriftart, die für ostasiatische Skripts verwendet werden soll. Das <s:ea-Element> wird derzeit nicht von SharePoint verwendet. <Das s:ea-Element> ist jedoch weiterhin im Schriftartenschema erforderlich.
CSFont ist die Schriftart, die für komplexe Skripts verwendet werden soll. Das <s:cs-Element> wird derzeit nicht von SharePoint verwendet. <Das s:cs-Element> ist jedoch weiterhin im Schriftartenschema erforderlich.
Language ist das Sprachenskript.
ScriptFont ist die Schriftart, die für das angegebene Sprachenskript verwendet werden soll.

Das folgende Beispiel zeigt einen Teil einer .spfont-Datei.


<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 umfasst Unterstützung für Webschriftarten. Sie müssen zusätzliche Informationen angeben, um in Ihrem Schriftartenschema Webschriftarten zu verwenden. Weitere Informationen finden Sie unter in diesem Artikel im Abschnitt Webschriftarten.

Websichere Schriftarten

Als websichere Schriftarten werden Schriftarten bezeichnet, die häufig verwendet werden und auf den meisten Geräten standardmäßig verfügbar sind. Um im Schriftartenschema eine websichere Schriftart anzugeben, schließen Sie den Namen der Schriftart in das typeface-Attribut des Schriftartenplatzes ein. Das folgende Beispiel zeigt eine websichere Schriftart, die in einem Schriftartenschema verwendet wird.


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

Webschriftarten

Webschriftarten sind Schriftarten, die im Internet verfügbar sind. Wenn ein Benutzer eine Website anzeigt, die Webschriftarten verwendet, lädt der Webbrowser mit der restlichen Seite die erforderlichen Schriftartendateien herunter. Um eine Webschriftart anzugeben, müssen Sie die URL zu Ihren Webschriftartendateien in vier Schriftartenformaten angeben (für browserübergreifende Unterstützung) sowie ein kleines und ein großes Miniaturbild, mit dem die Schriftartennamen in der Schriftartenschemaauswahl wiedergegeben werden.

Im folgenden Beispiel werden die Informationen beschrieben, die für die Verwendung einer Webschriftart in einem <s:latin-Element> erforderlich sind.


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

In diesem Beispiel für die Verwendung einer Webschriftart würden die folgenden Platzhalter ersetzt werden:

FontName ist der Name der Webschriftart.
EotFile ist die relative URL zur Embedded OpenType-Schriftartendatei.
WoffFile ist die relative URL zur Web Open Font Format-Schriftartendatei.
TtfFile ist die relative URL zur TrueType-Schriftartendatei.
SvgFile ist die relative URL zur Scalable Vector Graphics-Schriftartendatei.
LargeImgFile ist die relative URL zum großen Miniaturbild, das Sie in der Schriftartenschemaauswahl verwenden möchten.
SmallImgFile ist die relative URL zum kleinen Miniaturbild, das Sie in der Schriftartenschemaauswahl verwenden möchten.

Hinweis

Die Pfade zu den Dateien müssen die vollständige URL sein (d. h. https://tenant.sharepoint.com/sites/sitename/_catalogs/theme/15/fontfile.wof) Die Attribute LargeImgFile und SmallImgFile müssen im lateinischen Tag vorhanden sein, auch wenn leere Werte angegeben werden.

Schriftartenplätze

Tabelle 1 beschreibt die verfügbaren Schriftartenplätze und die Stellen, an denen sie in einer Seite verwendet werden.

Tabelle 1. Schriftartenplätze

Name des Schriftartenplatzes	Beschreibung
title	Wird für den Seitentitel verwendet
Navigation	Wird für die horizontalen und vertikalen Navigationselemente auf der Seite verwendet
large-heading	Wird für die H1-Überschrift verwendet
heading	Wird für H2- und H3-Überschriften, Webpart-Titel, Dialogfeldtitel und Popuptitel verwendet.
small-heading	Wird für H4-Überschriften verwendet
large-body	Wird für großen Fließtext verwendet (15 Pixel und 19 Pixel)
body	Die Basisschriftart, die an allen anderen Stellen auf der Seite verwendet wird