Isenção de responsabilidade: Este artigo foi gerado usando tradução automática.

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

Prev Next

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

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

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

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

  4. Uma vez feito isso, clique em Adicionar.

Anexar o código em CSS personalizado

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

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

  3. 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*/ 
}
  1. Substitua o font-family: "Source Sans Pro", sans-serif; pelos detalhes da fonte copiados na etapa 5. (Regras CSS para especificar famílias)

  2. Adicione a cor de fonte desejada.

  3. Clique em Salvar.


Resultado