Las tipografías son una parte importante del branding de un sitio web. Controlan cómo se representa el texto en su experiencia de Search. Aunque Search utilizará por defecto las fuentes disponibles en el sistema, puedes actualizar las fuentes de tu experiencia a través de CSS para que se ajusten más a las fuentes de tu marca.

No todos los sistemas operativos tienen automáticamente todas las fuentes descargadas, por lo que necesitamos una forma de asegurarnos de que un navegador pueda acceder a las fuentes de su sitio web, en lugar de usar una fuente disponible en su sistema informático. Para aprender cómo hacerlo, consulte el artículo de ayuda Añadir fuentes web al tema de front-end de Search y siga las instrucciones antes de proceder con los pasos indicados a continuación.

Para obtener detalles adicionales sobre las fuentes y sus propiedades, consulte el documento de referencia de Fuentes.

Para usar o actualizar una fuente en Search:

1. Haga clic en Pages en la barra de navegación y luego en el sitio deseado.
2. Haga clic en el botón Ver editor de código.
3. Sitúe el cursor sobre la rama principal y haga clic en el icono del lápiz () que aparece.
4. Haga clic en la carpeta static.
5. Haga clic en la carpeta scss.
6. Este proceso difiere dependiendo de si desea establecer la fuente para todos los componentes de Search o si desea seleccionar clases específicas. Sigue los pasos según corresponda:
   • Todos los componentes de Search
     1. Haga clic en el archivo fonts.scss.
     2. Añada el nombre de la fuente al inicio de la variable --yxt-font-family:

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

   • Seleccionar clases específicas
     1. Haga clic en el archivo answers.scss.
     2. Para la clase a la que desea seleccionar, utilice font-family e incluya el nombre de la fuente web que desea añadir.

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