Wie konfiguriert man eine benutzerdefinierte Header-Schriftart in der Wissensdatenbank?

Pläne, die diese Funktion unterstützen: Professional Business Enterprise

Document360 bietet eine Liste gängiger Header-Schriftarten, die in der Dokumentation verwendet werden. Sie können jedoch die gewünschte Header-Schriftart in der Wissensdatenbank konfigurieren. Holen Sie sich die Schriftdetails und fügen Sie den Schriftart-Link in den Header-Bereich in Custom HTML hinzu. Fügen Sie dann die Details der Schriftfamilie im benutzerdefinierten CSS hinzu.

Als Anwendungsfall sehen Sie sich die folgende Lösung zur Konfiguration einer Google-Schriftart in Document360 an.

Lösung

Die folgenden drei Schritte sind bei der Konfiguration der gewünschten Google-Schriftart in Document360 erforderlich:
Schritt 1: Holen Sie sich die Google-Schriftcode-Details
Schritt 2: Fügen Sie den Code in benutzerdefiniertem HTML hinzu
Schritt 3: Den Code in benutzerdefiniertem CSS anhängen

Erhalten Sie die Details zum Google-Schriftcode.

Gehe zur Google-Schriften-Webseite .
Wählen Sie die gewünschte Schriftart aus, und die Schriftseite erscheint mit den verfügbaren Stilen.
Oben rechts klicke auf Schriftart abrufen und Code einbetten.
Im Web-Bereich finden Sie den Einbettungscode, der spezifisch für Ihre gewählte Schriftart ist.
Klicken Sie auf Code kopieren , um den Code zu kopieren, und gehen Sie zurück zu Document360.

Fügen Sie den Code in benutzerdefiniertem HTML hinzu

Im Document360-Portal gehen Sie zu Verbindungen > Integrationen.
Navigiere zu benutzerdefiniertem HTML und klicke auf Hinzufügen. Die Auswahl der Header (above </head>) Option ist die Standardauswahl.
Fügen Sie den Link in den Header-Abschnitt ein, der in Schritt 5 kopiert wurde.
Wenn Sie fertig sind, klicken Sie auf Hinzufügen.

Fügen Sie den Code in benutzerdefiniertem CSS hinzu

Navigieren Sie im Wissensdatenbank-Portal zu Einstellungen () > Wissensdatenbank-Website > Website anpassen > benutzerdefiniertes CSS und JavaScript .
Der Tab Benutzerdefinierte CSS ist die Standardauswahl. Klicken Sie auf die Schaltfläche "Code hinzufügen".
Wählen Sie die Option " Schriftart ändern " in der Überschrift, und der folgende Code erscheint.

body {
  font-family: "Source Sans Pro", sans-serif;    /*Replace your body font family*/ 
  color: #222222;    /*Font color*/ 
}

Ersetzen Sie die font-family: "Source Sans Pro", sans-serif; durch die in Schritt 5 kopierten Schriftartdetails. (CSS-Regeln zur Festlegung von Familien)
Füge die gewünschte Schriftfarbe hinzu.
Klicken Sie auf Speichern.