Descargo de responsabilidad: Este artículo se generó mediante traducción automática.

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

  • Actualizado en Oct 5, 2024
  • 2 minuto(s) leído(s)
  • Janeera D A
  • Pradeep Srinivasan
  • Manoharan Soundarraj
 Prev Next

Descargo de responsabilidad: Este artículo se generó mediante traducción automática.

Plans supporting the use of custom CSS and JS in knowledge base site

Professional
Business
Enterprise






Document360 proporciona una lista de fuentes estándar utilizadas en la documentación. Sin embargo, puede configurar la fuente que desee en la base de conocimientos. Obtenga los detalles de la fuente y agregue el enlace de la fuente a la sección del encabezado en HTML personalizado. A continuación, añade los detalles de la familia de fuentes en el CSS personalizado.

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

Solución

Los tres pasos siguientes están involucrados en la configuración de la fuente de Google deseada en Document360:
Paso 1: Obtener los detalles del código de fuente de Google
Paso 2: Anexar el código en HTML personalizado
Paso 3: Anexar el código en CSS personalizado

NOTA

También puede configurar fuentes personalizadas que no sean Google Fonts utilizando el código HTML y CSS adecuado.

Obtener los detalles del código de fuente de Google

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

3_ScreenGIF-Google_font_custom_header_font

  1. Seleccione la fuente deseada y aparecerá la página de la fuente con los estilos disponibles.

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

  3. En la sección Web , encontrarás el código de inserción específico de la fuente elegida.

  4. Copie el código y vuelva a Document360.

Anexar el código en HTML personalizado

2_Screenshot-Append_the_code_in_custom_HTML

  1. En el portal de Document360, vaya a Configuración > sitio de la base de conocimientos > Integraciones.

  2. Vaya a HTML personalizado y haga clic en Agregar.

  3. Seleccione la Header (above </head>) opción que será la selección predeterminada.

  4. Pegue el enlace en la sección Encabezado copiado en el paso 5.

  5. Una vez hecho esto, haga clic en Agregar.

Anexar el código en CSS personalizado

4_Screenshot-Body_Append_the_code_in_custom_CSSUpdated

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

  2. En el panel de navegación izquierdo, haga clic en la  pestaña CSS.

  3. Haga clic en Agregar fragmentos de código en la parte superior derecha del espacio de código.

  4. Seleccione la opción Cambiar fuente de texto del cuerpo y aparecerá el código a continuación.

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

  1. Además del selector de cuerpo , incluya el selector de artículos en el fragmento de código proporcionado.

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

  3. Agregue el color de fuente deseado.

  4. Haga clic en Guardar en la parte superior derecha.

Resultado

7_Screenshot-Custom_font_outcome

Artículos relacionados