Como configurar uma fonte de cabeçalho personalizada na base de conhecimento?

O Document360 fornece uma lista de fontes de cabeçalho comuns usadas na documentação. No entanto, você pode configurar a fonte de cabeçalho desejada na base de dados de conhecimento. Obtenha os detalhes da fonte e adicione o link da fonte à seção de cabeçalho em HTML personalizado. Em seguida, adicione os detalhes da família de fontes no CSS personalizado.

Como caso de uso, confira a solução abaixo para configurar uma fonte do Google no Document360.

Solução

As três etapas abaixo estão envolvidas na configuração da fonte do Google desejada no Document360:
Etapa 1: obter os detalhes do código de fonte do Google
Etapa 2: Acrescentar o código em HTML personalizado
Etapa 3: Acrescentar o código em CSS personalizado

Obter os detalhes do código de fonte do Google

1. Vá para a página de fontes do Google .

2. Selecione a fonte desejada e a página da fonte aparecerá com os estilos disponíveis.

3. No canto superior direito, clique em Obter fonte e selecione Obter código de incorporação.

   Na seção Web , você encontrará o código de incorporação específico da fonte escolhida.

4. Clique em Copiar código para copiar o código e voltar para o Document360.

Anexar o código em HTML personalizado

6. No portal do Document360, vá para Configurações > site da base de dados de conhecimento > Integrações.

7. Navegue até HTML personalizado e clique em Adicionar. Selecione a Header (above </head>) opção como a seleção padrão.

8. Cole o link na seção Cabeçalho copiada na etapa 5.

9. Uma vez feito isso, clique em Adicionar.

Anexar o código em CSS personalizado

11. Navegue até Configurações () > site da base de conhecimento > Personalizar site > CSS e JavaScript personalizados no portal da base de conhecimento.

12. A guia CSS personalizado é a seleção padrão. Clique no botão Adicionar snippets de código .

13. Selecione a opção Alterar fonte do título e o código abaixo será exibido.

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

14. Substitua o font-family: "Source Sans Pro", sans-serif; pelos detalhes da fonte copiados na etapa 5. (Regras CSS para especificar famílias)

15. Adicione a cor de fonte desejada.

16. Clique em Salvar.

Resultado