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

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

Prev Next

Planes que admiten esta función: Business Enterprise

Document360 proporciona una lista de fuentes estándar utilizadas en la documentación. Sin embargo, puedes configurar la fuente que quieras 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.


Pasos para configurar una fuente personalizada de Google en Document360

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

NOTA

También puedes configurar fuentes personalizadas distintas a las de Google Fonts utilizando el código HTML y CSS adecuado.

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

Para empezar a usar una fuente personalizada en tu base de conocimientos, primero necesitas recuperar el código incrustado de Google Fonts.

  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. Copia el código y vuelve a Document360.

Añadir el código en HTML personalizado

Una vez que hayas copiado el código incrustado, el siguiente paso es insertarlo en la configuración HTML personalizada de tu proyecto Document360. Para ello,

  1. Navega a Conexiones > Integraciones en la barra de navegación izquierda del Portal de la base de conocimientos.

  2. Navega a la sección de HTML personalizado y haz clic en Añadir.

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

  3. Pega el enlace en la sección de Encabezado copiado anteriormente.

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

Añadir el código en CSS personalizado

Después de añadir el código embeded a tu HTML, tendrás que aplicar el estilo de fuente añadiendo un código CSS para actualizar la apariencia del texto en todo tu sitio. Para ello,

  1. Navega a Configuración () > Sitio de la base de conocimientos en la barra de navegación izquierda del Portal de la base de conocimientos.

  2. En el panel de navegación izquierdo, navega a Personalización del sitio > CSS y JavaScript personalizados.

    Site customization options for branding, theme selection, and custom CSS in Document360.

  3. Desde el panel de navegación izquierdo, haz clic en la pestaña CSS.

  4. Haz clic en Añadir fragmentos de código en la esquina superior derecha del espacio de código.

  5. Selecciona la opción Cambiar fuente del texto del cuerpo y aparecerá el siguiente código.

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

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

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

  8. Añade el color de fuente deseado.

  9. Haz clic en Guardar en la esquina superior derecha.

La fuente seleccionada se aplicará ahora al contenido de tu base de conocimientos. Visita la página de la Base de Conocimientos para previsualizar los cambios en vigor.