Schriftarten sind ein wichtiger Bestandteil des Brandings einer Website. Sie steuern, wie der Text in Ihrem Search-Erlebnis dargestellt wird. Obwohl Search standardmäßig die im System verfügbaren Schriftarten verwendet, können Sie die Schriftarten in Ihrem Erlebnis über CSS aktualisieren, um sie besser an die Schriftarten Ihrer Marke anzupassen.

Nicht alle Betriebssysteme laden automatisch alle Schriftarten herunter, daher müssen wir sicherstellen, dass ein Browser auf die Schriftarten Ihrer Website zugreifen kann, anstatt eine auf seinem Computersystem verfügbare Schriftart zu verwenden. Um zu erfahren, wie Sie dies tun, lesen Sie den Hilfeartikel Webfonts zum Search Frontend Theme hinzufügen und folgen Sie den Anweisungen, bevor Sie die unten aufgeführten Schritte ausführen.

Weitere Einzelheiten zu Schriftarten und Schriftarteigenschaften finden Sie im Schriftarten- Referenzdokument.

So verwenden oder aktualisieren Sie eine Schriftart in Search:

1. Klicken Sie in der Navigationsleiste auf Pages und dann auf die gewünschte Website.
2. Klicken Sie auf die Schaltfläche Code-Editor anzeigen.
3. Bewegen Sie den Mauszeiger über den Master Teilbereich und klicken Sie auf das angezeigte Stiftsymbol ().
4. Klicken Sie auf den Ordner static.
5. Klicken Sie auf den scss-Ordner.
6. Dieser Vorgang unterscheidet sich, je nachdem, ob Sie die Schriftart für alle Search-Komponenten festlegen oder bestimmte Klassen targeten möchten. Bitte befolgen Sie die entsprechenden Schritte:
   • Alle Search-Komponenten
     1. Klicken Sie auf die Datei fonts.scss.
     2. Fügen Sie den Schriftartnamen an den Anfang der Variablen --yxt-font-family hinzu:

     --yxt-font-family: "Roboto Mono", Arial, Helvetica, sans-serif;

   • Target-spezifische Klassen
     1. Klicken Sie auf die Datei answers.scss.
     2. Verwenden Sie für die gewünschte Klasse font-family und geben Sie den Webfont-Namen an, die Sie hinzufügen möchten.

      .yxt-SearchBar-title
     {
       font-family: "Roboto Mono", Arial, Helvetica, sans-serif;
     }