¿Cómo configurar una fuente de cabecera personalizada en la base de conocimiento?

Document360 proporciona una lista de fuentes de cabecera comunes utilizadas en documentación. Sin embargo, puedes configurar la fuente de cabecera que deseas en la base de conocimiento. Obtén los detalles de la fuente y añade el enlace de la fuente a la sección de cabecera en HTML personalizado. Luego, añade los detalles de la familia de fuentes en el CSS personalizado.

Como caso de uso, consulta la siguiente solución para configurar una fuente Google en Document360.

Solución

Los siguientes tres pasos están implicados en la configuración de la fuente Google deseada en Document360:
Paso 1: Obtén los detalles del código de la fuente de Google
Paso 2: Añadir el código en HTML personalizado
Paso 3: Añadir el código en CSS personalizado

Obtén los detalles del código de la fuente de Google

1. Ve a la página web de Google Fonts .

2. Selecciona la fuente deseada y la página de la fuente aparece con los estilos disponibles.

3. En la esquina superior derecha, haz clic en Obtener fuente y selecciona Obtener código de inserción.

   En la sección Web encontrarás el código de incrustación específico para la fuente que elegiste.

4. Haz clic en Copiar código para copiar el código y vuelve a Document360.

Añadir el código en HTML personalizado

6. En el portal Document360, ve a Conexiones > Integraciones.

7. Navega a HTML personalizado y haz clic en Añadir. Seleccionar la Header (above </head>) opción es la opción predeterminada.

8. Pega el enlace en la sección de Encabezado copiado en el paso 5.

9. Cuando termines, haz clic en Añadir.

   

Añadir el código en CSS personalizado

11. Vaya a Configuración () > sitio de la base de conocimientos > Personalizar sitio > CSS y JavaScript personalizados en el portal de la base de conocimientos.

    

12. La pestaña CSS personalizada es la selección predeterminada. Haz clic en el botón Añadir fragmentos de código .

13. Selecciona la opción de Cambiar fuente de encabezado y aparece el siguiente código.

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

14. Sustituye por font-family: "Source Sans Pro", sans-serif; los detalles de la fuente copiados en el paso 5. (Reglas CSS para especificar familias)

15. Añade el color de fuente deseado.

16. Haz clic en Guardar.

    

Resultado