I font sono una parte importante del branding di un sito, infatti determinano come viene visualizzato il testo nell'esperienza di Search. Sebbene Search utilizzi per impostazione predefinita i font disponibili nel sistema, è possibile aggiornarli nella tua esperienza tramite CSS per allinearli maggiormente a quelli del brand.

Non tutti i sistemi operativi scaricano automaticamente tutti i font, quindi abbiamo bisogno di un modo per assicurarci che un browser sia in grado di accedere ai font sul tuo sito, piuttosto che utilizzare un font disponibile sul loro sistema informatico. Per scoprire come fare, consulta l'articolo di assistenza Aggiungi Web Fonts al tema frontend di Search e segui le istruzioni prima di procedere con i passaggi sottostanti.

Per ulteriori dettagli sui font e sulle proprietà dei font, consulta il documento di riferimento sui Font.

Per utilizzare o aggiornare un font in Search:

1. Fai clic su Pages nella barra di navigazione e clicca sul sito desiderato.
2. Fai clic sul pulsante Visualizza editor di codice.
3. Passa il mouse sul branch master e fai clic sull'icona della matita () che appare.
4. Fai clic sulla cartella static.
5. Fai clic sulla cartella scss.
6. Questo processo varia a seconda che tu voglia impostare il font per tutti i componenti di Search o applicarlo a classi specifiche. Segui i passaggi elencati a seconda del caso:
   • Tutti i componenti di Search
     1. Fai clic sul file fonts.scss.
     2. Aggiungi il nome del font all'inizio della variabile --yxt-font-family:

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

   • Classi specifiche selezionate
     1. Fai clic sul file answers.scss.
     2. Per la classe selezionata, usa font-family e includi il nome del font web che desideri aggiungere.

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